源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部