JavaScript 倒计时

it2022-05-05  167

JavaScript实现倒计时,主要是思路,代码都有加注释:

window.onload = function () { var inputs = document.getElementsByTagName('input'); var inputsone_val = parseInt(inputs[0].value); var inputstwo_val = parseInt(inputs[1].value); function Countdown () { // 判断秒是否为0,不为0直接执行减操作 if (inputstwo_val == 0) { // 当秒和分钟都为0时,清除定时器clearInterval(); if (inputsone_val == 0 && inputstwo_val == 0) { console.log('time over'); clearInterval(inter); return false; } // 如果秒为0,但是分钟大于或等于1那么分钟执行减操作,秒替换为60 if (inputsone_val >= 1) { inputsone_val = inputsone_val - 1; inputs[0].value = inputsone_val; inputstwo_val = 60; inputs[1].value = inputstwo_val; } } // 当秒不为0时执行的减操作 if (inputstwo_val >= 0) { inputstwo_val = inputstwo_val - 1; inputs[1].value = inputstwo_val; } console.log(inputsone_val + 'm' + inputstwo_val + 's'); } // 每隔一秒调用一次上面的Countdown()方法 var inter = setInterval(Countdown, 1000); }

html代码:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <input type="text" value="01"> <input type="text" value="40"> <input type="submit"> </body> </html>

  

转载于:https://www.cnblogs.com/phpcurd/p/8706752.html

相关资源:JavaScript--倒计时

最新回复(0)