欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-14 08:46:16
实现原理:设置个定时器,自定义分钟和59秒。一秒钟秒数减1秒,60秒就减1分钟。 下面是全部代码 <...

实现原理:设置个定时器,自定义分钟和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>

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