编程 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 相关文章推荐

js CSS操作方法集合

Oct 31 Javascript

Ajax请求在数据量大的时候出现超时的解决方法

Feb 27 Javascript

js或jquery实现页面打印可局部打印

Mar 27 Javascript

jQuery表格的维护和删除操作

Feb 03 Javascript

你真的了解BOM中的history对象吗

Feb 13 Javascript

浅谈jQuery的bind和unbind事件(绑定和解绑事件)

Mar 02 Javascript

原生JS实现不断变化的标签

May 22 Javascript

利用nginx + node在阿里云部署https的步骤详解

Dec 19 Javascript

浅谈Vue2.0中v-for迭代语法的变化(key、index)

Mar 06 Javascript

单线程JavaScript实现异步过程详解

May 19 Javascript

vue中解决拖拽改变存在iframe的div大小时卡顿问题

Jul 22 Javascript

Vue触发input选取文件点击事件操作

Aug 07 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