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


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>

更多关于倒计时的文章请查看专题:《倒计时功能》

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
Dec 23 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
Aug 25 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
vue 标签属性数据绑定和拼接的实现方法
May 17 Javascript
使用 vue-i18n 切换中英文效果
May 23 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
vue 动态组件用法示例小结
Mar 06 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 #Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 #Javascript
JS动态生成年份和月份实例代码
Feb 04 #Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 #Javascript
js常用DOM方法详解
Feb 04 #Javascript
JavaScript数组操作详解
Feb 04 #Javascript
jQuery使用方法
Feb 04 #Javascript
You might like
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
Javascript 构造函数 实例分析
2008/11/26 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
js将当前时间格式转换成时间搓(自写)
2013/09/26 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
[02:44]2014DOTA2 国际邀请赛中国区预选赛 大神红毯秀
2014/05/25 DOTA
Python中对象的引用与复制代码示例
2017/12/04 Python
Python docx库用法示例分析
2019/02/16 Python
Django 重写用户模型的实现
2019/07/29 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python使用matplotlib 画矩形的三种方式分析
2019/10/31 Python
python 导入数据及作图的实现
2019/12/03 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
法国在线药房:1001Pharmacies
2021/03/07 全球购物
大学军训感言800字
2014/02/27 职场文书
故宫的导游词
2015/01/31 职场文书
教师辞职信范文
2015/02/28 职场文书
员工表扬信怎么写
2015/05/05 职场文书
迎新生晚会主持词
2015/06/30 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书