На сегодняшнем занятии напишем скрипт для таймера, который будет размещен на HTML странице. C помощью тега <script>...</script> встроим код
timeend= new Date(2022, 01 , 01);
function Timer() {
today = new Date();
today = Math.floor((timeend-today)/1000);
tsec=today%60;
today=Math.floor(today/60);
if(tsec<10)tsec='0'+tsec;
tmin=today%60;
today=Math.floor(today/60);
if(tmin<10)tmin='0'+tmin;
thour=today%24;
today=Math.floor(today/24);
document.getElementById('day').innerHTML=today;
document.getElementById('hour').innerHTML=thour;
document.getElementById('min').innerHTML=tmin;
document.getElementById('sec').innerHTML=tsec;
window.setTimeout("Timer()",1000);
}
на HTML страницу, для которой так же необходимо создать файл style.css
HTML страница в полном виде:
Таблица стилей CSS