这次给大家带来使用JS做出计时器功能,使用JS做出计时器功能的注意事项有哪些,下面就是实战案例,一起来看一下。
使用setInterval
实现计时,并且满60秒向分钟进一,满60分钟向小时进一。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS计时器</title> <script> window.onload = function(){ var mm = 0; var ss = 0; var str = ''; var timer = setInterval(function(){ str = ""; if(++ss==60) { if(++mm==60) { mm=0; } ss=0; } str+=mm<10?"0"+mm:mm; str+=":"; str+=ss<10?"0"+ss:ss; document.getElementById("d").innerHTML = str; },1000); }; </script> </head> <body> <p id="d"></p> </body> </html>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
Atas ialah kandungan terperinci 使用JS做出计时器功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!