Ottobre 2014 – Pagina 3 – Programmare con Javascript

Orario, con immagini, statico

28 Maggio 202123 Ottobre 2014 di admin

Ore, minuti e secondi rappresentati con immagini. Le informazioni sono fisse.

var PATH ="https://www.valcon.it/javascript/wp-content/uploads/"

var EXT =".gif"

var data =new Date();

var ore =data.getHours();

var minuti =data.getMinutes();

var secondi=data.getSeconds();

x=ore%10; document.ore1.src =PATH+x +EXT;

x=Math.floor(ore/10); document.ore2.src =PATH+x +EXT;

document.punti1.src =PATH+"punti"+EXT;

x=minuti%10; document.minuti1.src =PATH+x +EXT;

x=Math.floor(minuti/10); document.minuti2.src =PATH+x +EXT;

document.punti2.src =PATH+"punti"+EXT;

x=secondi%10; document.secondi1.src=PATH+x +EXT;

x=Math.floor(secondi/10); document.secondi2.src=PATH+x +EXT;

</script>

Data tradotta

12 Giugno 202023 Ottobre 2014 di admin

La data con giorno e mese in italiano

var s_mesi = new Array("gennaio" , "febbraio", "marzo" , "aprile" , "maggio" , "giugno" ,

"luglio" , "agosto" , "settembre", "ottobre" , "novembre", "dicembre");

var s_giorni = new Array("Domenica", "Lunedì" , "Martedì" , "Mercoledì", "Giovedì" , "Venerdì" , "Sabato");

var data = new Date();

var da0a6 = data.getDay(); // giorno della settimana

var giorno = data.getDate(); // giorno del mese

var mese = data.getMonth(); // mese

var anno = data.getFullYear(); // anno

var s_data = "<b>"+s_giorni[da0a6]+" "+giorno+" "+s_mesi[mese]+" "+anno+"</b>";

document.writeln(s_data);

</script>

Osserva le informazioni estratte sono client side, quindi se il computer non è aggiornato… è stato necessario tradurre in stringhe le informazioni fornite da Date()…

Orario dinamico

25 Maggio 202123 Ottobre 2014 di admin

Orario completo e auto-aggiornante

var orario=document.getElementById("outOra");

var lamp=true;

var strOra;

function nuovo_orario()

{

var data =new Date();

var ore =data.getHours(); if(ore < 10) ore ="0"+ore;

var minuti =data.getMinutes(); if(minuti < 10) minuti ="0"+minuti;

var secondi=data.getSeconds(); if(secondi < 10) secondi="0"+secondi;

if(lamp)

strOra =ore+":"+ minuti+":"+secondi;

else

strOra =ore+" "+minuti+" "+secondi;

orario.innerHTML=strOra;

lamp=!lamp;

}

setInterval("nuovo_orario()",500);

</script>

Orario statico

12 Giugno 202023 Ottobre 2014 di admin

Ore, minuti e secondi

var data =new Date();

var ore =data.getHours() ; if(ore < 10) ore ="0"+ore;

var minuti =data.getMinutes(); if(minuti < 10) minuti ="0"+minuti;

var secondi=data.getSeconds(); if(secondi < 10) secondi="0"+secondi;

var strOra =ore+":"+minuti+":"+secondi;

document.writeln(strOra);

</script>

Osserva le informazioni estratte sono client side, quindi se l’orario del computer è errato… per aggiornare l’orario è necessario ricaricare la pagina… il risultato è formattato come <H3>…

Generare numeri casuali con le caratteristiche desiderate… Genera un numero casualeValori: [ 0.0, 1.0 [ Math.random(); Genera un bit casualeValori: {0, 1} Math.floor(2*Math.random()); Genera un numero casualeValori: {minimo, …, massimo} Minimo Massimo Math.floor((M-m+1)*Math.random()+m);

{

var x=document.getElementById("out_rand");

x.value=Math.random();

}

function f_bit()

{

var x=document.getElementById("out_bit")

x.value=Math.floor(2*Math.random());

}

function f_genera()

{

var x=document.getElementById("minimo").value;

var y=document.getElementById("massimo").value;

var m=parseInt(x);

var M=parseInt(y);

var r=Math.floor((M-m+1)*Math.random()+m);

var z=document.getElementById("inter");

z.value=r;

}

</script>

<tbody>

<tr>

<td>Genera un numero casuale<br/>Valori: [ 0.0, 1.0 [</td>

<td><code>Math.random();</code></td>

</tr>

<tr>

<td>Genera un bit casuale<br/>Valori: {0, 1}</td>

<td><code>Math.floor(2*Math.random());</code></td>

</tr>

<tr>

<td>Genera un numero casuale<br/>Valori: {minimo, ..., massimo}</td>

<td><input id="minimo" size="4" type="text" value="1" /> Minimo<br/>

<input id="massimo" size="4" type="text" value="10" /> Massimo<br/>

<td><code>Math.floor((M-m+1)*Math.random()+m);</code></td>

</tr>

</tbody>

</table>

Convalida del form

10 Giugno 202023 Ottobre 2014 di admin

Un form ha normalmente due pulsanti di submit e reset. Il loro aspetto dipende dal browser. La loro attivazione provoca eventi associati al form…

<form name="primo" onSubmit="alert('Hai provocato un evento SUBMIT')"

onReset="alert('Hai provocato un evento RESET')">

</form>

Controllare il form L’evento Submit permette di controllare il contenuto del form e se il contenuto non è ritenuto valido di bloccare l’invio dei dati. Quando si attiva il pulsante … Leggi tutto

Orario, con immagini, statico

Data tradotta

Orario dinamico

Orario statico

Numeri casuali

Convalida del form

Eventi di Select

Eventi di Radio

Eventi di Checkbox

Eventi di Password