时间:2020-12-21 17:49:11 | 栏目:jquery | 点击:次
本文实例为大家分享了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="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 id="time">60:00</p> </body> </html>
更多关于倒计时的文章请查看专题:《倒计时功能》