当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery实现最简单实用的分秒倒计时

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

2019年03月27日  | 移动技术网IT编程  | 我要评论

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网