Content Màrqueting

JavaScript: llista de temps generada dinàmicament

No sóc programador, però puc programar força. Avui es tractava d’un prototipus d’interfície on generaríem dinàmicament un desplegable de llista amb intervals de 5 minuts. Aquests intervals de temps poden canviar segons el dia seleccionat (imagineu-vos seleccionar una data per tornar les hores per establir una cita ... cada dia tindria horaris diferents disponibles).

En lloc d’haver de crear la llista manualment, utilitzo algunes tècniques de bucle amb JavaScript per generar dinàmicament la llista. Simplement introduïu els vostres horaris de "a" i "a" mitjançant el rellotge de 24 hores, i el guió fa la resta.

Com que no sóc programador i la meva bona amiga, Ade Olonoh, és ... Vaig demanar els seus comentaris sobre la meva funció. Aquí teniu la seva versió neta:

funció getTime (de, a) {var select = ' '; var ampm = 'AM'; for (var hour = de; hour> = to; hour ++) {var hour12 = hour> 12? hora - 12: hora; if (hora> 11) ampm = 'PM'; per a (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; seleccioneu + = ' '+ hour12 +': '+ min0 +' '; }} seleccioneu + = ' '; document.getElementById ('llista de temps'). innerHTML = select; }

Si no voleu omplir dinàmicament un div, podeu fer una ordre document.write, com ara:

document.write (getTime (8,20));

Actualització: aquí hi ha un altre exemple en què podeu definir l'interval en minuts

funció getTime (de, a, int) {var select = ' '; var ampm = 'AM'; for (var hour = de; hour> = to; hour ++) {var hour12 = hour> 12? hora - 12: hora; if (hora> 11) ampm = 'PM'; per a (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; seleccioneu + = ' '+ hour12 +': '+ min0 +' '+ ampm +' '; }} seleccioneu + = ' '; retorn seleccionar; }

Aquí teniu l’ordre d’escriptura:

document.write (getTime (8,20,5));

M’agradaria molt poder introduir horaris a la funció, com ara getTime (8:15 AM, 11:00 PM, 5). Alguns usuaris que prenen?

Douglas Karr

Douglas Karr és CMO de OpenINSIGHTS i el fundador de la Martech Zone. Douglas ha ajudat a desenes d'empreses d'èxit de MarTech, ha ajudat en la diligència deguda de més de 5 mil milions de dòlars en adquisicions i inversions de Martech i continua ajudant les empreses a implementar i automatitzar les seves estratègies de vendes i màrqueting. Douglas és un expert i conferenciant de MarTech en transformació digital reconegut internacionalment. Douglas també és autor publicat d'una guia de Dummie i d'un llibre sobre lideratge empresarial.

Articles Relacionats

Torna al botó superior
a prop

Adblock detectat

Martech Zone és capaç de proporcionar-vos aquest contingut sense cap cost perquè monetitzem el nostre lloc mitjançant ingressos publicitaris, enllaços d'afiliats i patrocinis. Agrairem que elimineu el bloquejador d'anuncis mentre visualitzeu el nostre lloc.