编程 Javascript

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>

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

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

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

- Author -

永不言败敏哥

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery select选中的一个小问题

Oct 11 Javascript

Jquery练习之表单验证实现代码

Dec 14 Javascript

Node.js中的事件驱动编程详解

Aug 16 Javascript

jQuery-1.9.1源码分析系列（十）事件系统之事件包装

Nov 20 Javascript

BootStrap tooltip提示框使用小结

Oct 26 Javascript

Vue项目使用CDN优化首屏加载问题

Apr 01 Javascript

layer弹出层父子页面事件相互调用方法

Aug 17 Javascript

微信小程序自定义音乐进度条的实例代码

Aug 28 Javascript

浅谈Vue 性能优化之深挖数组

Dec 11 Javascript

浅谈vue后台管理系统权限控制思考与实践

Dec 19 Javascript

vue中npm包全局安装和局部安装过程

Sep 03 Javascript

100行代码实现vue表单校验功能(小白自编)

Nov 19 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