Как установить обратный отсчет при выборе кнопки?
Привет
У меня есть обратный отсчет, который повторяется в течение 7 дней
Мне нужна помощь в том, что я хочу запустить этот таймер, как только пользователь нажмет кнопку.
Кто-нибудь может помочь? смотрите код ниже
Что я уже пробовал:
<script>
var curday;
var secTime;
var ticker;
function getSeconds() {
var nowDate = new Date();
var dy = 7 ; //Sunday through Saturday, 0 to 6
var countertime = new Date(nowDate.getFullYear(),nowDate.getMonth(),nowDate.getDate(),24,0,0); //20 out of 24 hours = 8pm
var curtime = nowDate.getTime(); //current time
var atime = countertime.getTime(); //countdown time
var diff = parseInt((atime - curtime)/1000);
if (diff > 0) { curday = dy - nowDate.getDay() }
else { curday = dy - nowDate.getDay() -1 } //after countdown time
if (curday < 0) { curday += 7; } //already after countdown time, switch to next week
if (diff <= 0) { diff += (86400 * 7) }
startTimer (diff);
}
function startTimer(secs) {
secTime = parseInt(secs);
ticker = setInterval("tick()",1000);
tick(); //initial count display
}
function tick() {
var secs = secTime;
if (secs>0) {
secTime--;
}
else {
clearInterval(ticker);
getSeconds(); //start over
}
var days = Math.floor(secs/86400);
secs %= 86400;
//update the time display
document.getElementById("days").innerHTML = curday;
}
</script>
<body onload = "getSeconds()">
<div id="countholder">
<div><span class="days" id="days"></span><div class="smalltext">Days To Complete</div></div>
</div>