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

Z时代
2024-01-10
分类：综合

本文实例为大家分享了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>