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

2019-11-19 17:44:03

字体：大中小

来源：转载

供稿：网友

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

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

上一篇：jQuery.Form上传文件操作

下一篇：用jquery的attr方法实现图片切换效果