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 相关文章推荐
jQuery 页面载入进度条实现代码
Feb 08 Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
原生js做的手风琴效果的导航菜单
Nov 08 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
javascript 中的console.log和弹出窗口alert
Aug 30 Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 Javascript
基于Vue实现图书管理功能
Oct 17 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
JavaScript this关键字的深入详解
Jan 14 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!数据库
2008/05/03 PHP
兼容性比较好的PHP生成缩略图的代码
2011/01/12 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
PHP实现的各类hash算法长度及性能测试实例
2017/08/27 PHP
jquery select下拉框操作的一些说明
2010/04/02 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
2015/12/31 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
JavaScript实现实时更新系统时间的实例代码
2017/04/04 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
2018/09/16 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
python导入时小括号大作用
2017/01/10 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
Python Series从0开始索引的方法
2018/11/06 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Python流程控制语句的深入讲解
2020/06/15 Python
英国假发网站:Hothair
2018/02/23 全球购物
一套C++笔试题面试题
2012/06/06 面试题
工业自动化专业毕业生推荐信
2013/11/18 职场文书
高中化学教学反思
2014/01/13 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
nginx配置虚拟主机的详细步骤
2021/07/21 Servers