jQuery实现最简单实用的分秒倒计时
程序员文章站
2023-11-11 14:11:58
实现原理:设置个定时器,自定义分钟和59秒。一秒钟秒数减1秒,60秒就减1分钟。
下面是全部代码
<...
实现原理:设置个定时器,自定义分钟和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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇: 这一次 华为HMS生态离我们还有多远?