Clock timer set for 3 hours
by ajayogal
HTML
<div id="atimer"></div>
<div id="atimer1"></div>
JavaScript
document.getElementById('atimer').innerHTML = '00:00:00';
document.getElementById('atimer1').innerHTML = '00:00:00';
var totaltime = 10800000; //3 hours
var second = 1000;
var minute = second * 60;
var hour = minute * 60;
var day = hour * 24;
var timer;
var end;
var documentOffset;
//alert(documentOffset);
function showRemaining(){
if(documentOffset < 2600){
return false;
}
totaltime -= second;
var distance = totaltime ;
console.log(distance);
if (distance < 0) {
clearInterval(timer);
document.getElementById('atimer').innerHTML = '00:00:00';
document.getElementById('atimer1').innerHTML = '00:00:00';
return;
}
var days = Math.floor(distance / day);
var hours = Math.floor((distance % day) / hour);
var minutes = Math.floor((distance % hour) / minute);
var seconds = Math.floor((distance % minute) / second);
document.getElementById('atimer').innerHTML = ((hours < 10)? "0"+ hours: hours) + ':';
document.getElementById('atimer').innerHTML += ((minutes < 10)? "0"+ minutes: minutes) + ':';
document.getElementById('atimer').innerHTML += ((seconds < 10)? "0"+ seconds: seconds) + '';
document.getElementById('atimer1').innerHTML = ((hours < 10)? "0"+ hours: hours) + ':';
document.getElementById('atimer1').innerHTML += ((minutes < 10)? "0"+ minutes: minutes) + ':';
document.getElementById('atimer1').innerHTML += ((seconds < 10)? "0"+ seconds: seconds) + '';
}
timer = setInterval(showRemaining, 1000);