jQuery实现最简单实用的分秒倒计时
更新时间：2017年02月05日 08:39:10 作者：永不言败敏哥
这篇文章主要为大家详细介绍了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中wrapInner()方法用法,实例分析了wrapInner()方法的功能、定义及包裹匹配元素的使用技巧,需要的朋友可以参考下2015-01-01
这个郁闷了，今天写这个功能的时候发现了问题，上网找了好多资料对照，更加纠结2011-11-11
这篇文章主要介绍了EasyUI为Numberbox添加blur事件的方法 ,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
这篇文章主要介绍了jquery插件开发模式,结合实例形式详细分析了jQuery插件三种开发方式实现方法与相关操作技巧,需要的朋友可以参考下2019-07-07
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。2009-10-10
这篇文章主要介绍了jQuery EasyUI 页面加载等待及页面等待层,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
本人也是JQuery初学者，写了个用户名无刷新验证的简单例子，拿来分享，共同学习一下吧。2013-03-03
此作品是一款jquery+html5实现的时钟插件clock，效果非常棒，推荐给大家参考下，小伙伴们可以直接拿走使用。2015-04-04
本文给大家分享的是一款基于jQuery插件expander实现图片翻转特效，一共有6种不同的图片翻转样式，十分的炫酷，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要为大家详细介绍了jQuery实现动态添加标签事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
最新评论