jQuery实现最简单实用的分秒倒计时

实现原理:设置个定时器,自定义分钟和59秒。一秒钟秒数减1秒,60秒就减1分钟。

下面是全部代码

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>pro.html</title> <style type="text/css"> </style> <!--这里是自己本地的jquery--> <script type="text/javascript" src="https://www.jb51.net/js/jquery-1.7.min.js" ></script> <script>$(function(){ var m=69; var s=59; setInterval(function(){ if(s<10){ //如果秒数少于10在前面加上0 $('#time').html(m+':0'+s); }else{ $('#time').html(m+':'+s); } s--; if(s<0){ //如果秒数少于0就变成59秒 s=59; m--; } },1000) })</script> </head> <body> <p>60:00</p> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwgxfx.html