当前位置：首页 > 资讯 > 技术文档

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

时间：2020-11-23 02:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：jquery easyui中treegrid用法的简单实例
下一篇：jQuery 位置插件

资讯排行榜
更多>>