COME CREARE UN SEMPLICE OROLOGIO USANDO HTML, CSS E JAVASCRIPT

In questo progetto impareremo a progettare un semplice orologio digitale utilizzando HTML5, CSS3 e JavaScript.

Reagire alle migliori pratiche dell'architettura

Requisiti

Per questo progetto possiamo utilizzare qualsiasi editor di testo come Notepad++, SublimeText, gEdit, TextMate, Coda, Brackets ecc.

Nel video sopra è stato utilizzato Brackets che è un software open source e può essere scaricato dal loro sito web parentesi.io

File

Per questo progetto avremo bisogno di tre file e cioè

index.html
script.js
stile.css

index.html

cheat sheet in pitone per principianti

Clock 00 : 00 : 00

script.js

 var d,h,m,s,animate; function init(){ d=new Date(); h=d.getHours(); m=d.getMinutes(); s=d.getSeconds(); clock(); }; function clock(){ s++; if(s==60){ s=0; m++; if(m==60){ m=0; h++; if(h==24){ h=0; } } } $('sec',s); $('min',m); $('hr',h); animate=setTimeout(clock,1000); }; function $(id,val){ if(val<10){ val='0'+val; } document.getElementById(id).innerHTML=val; }; window.onload=init;

stile.css

 *{ margin:0; padding:0; font-family:sans-serif; font-size:36px; } .clock{ text-align:center; width:auto; height:auto; }

#html #html5 #css #javascript

www.youtube.com