您的位置：首页 > Web前端 > JQuery

jQuery实现最简单实用的分秒倒计时

2017-02-05 08:39 666 查看

实现原理：设置个定时器，自定义分钟和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 倒计时

相关文章推荐

新的分享

章节导航