AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


jQuery分秒倒计时,jQuery倒计时  
上一篇:jQuery.Form上传文件操作  下一篇:用jquery的attr方法实现图片切换效果