jQuery实现最简单实用的分秒倒计时
本文实例为大家分享了jQuery分秒倒计时的具体代码,供大家参考,具体内容如下
实现原理:设置个定时器,自定义分钟和59秒。一秒钟秒数减1秒,60秒就减1分钟。
下面是全部代码
<!DOCTYPEHTML>
<html>
<head>
<metacharset="UTF-8"/>
<title>pro.html</title>
<styletype="text/css">
</style>
<!--这里是自己本地的jquery-->
<scripttype="text/javascript"src="js/jquery-1.7.min.js"></script>
<script>$(function(){
varm=69;
vars=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>
<pid="time">60:00</p>
</body>
</html>
更多关于倒计时的文章请查看专题:《倒计时功能》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。