jQuery实现最简单实用的分秒倒计时
时间：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>
更多关于倒计时的文章请查看专题：《倒计时功能》
上一篇：jquery checkbox全选、取消全选实现代码
栏 目：jquery
下一篇：jQuery AJAX 方法success()后台传来的4种数据详解
本文标题：jQuery实现最简单实用的分秒倒计时
本文地址：http://www.codeinn.net/misctech/34935.html
