Posted in Javascript onFebruary 05, 2017
本文实例为大家分享了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>
更多关于倒计时的文章请查看专题:《倒计时功能》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。
jQuery实现最简单实用的分秒倒计时
- Author -
永不言败敏哥声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@