主页 / 网络编程 /

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

网络编程 2021-07-04 19:20www.168986.cn编程入门
这篇文章主要为大家详细介绍了jQuery实现最简单实用的分秒倒计时，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了jQuery分秒倒计时的具体代码，供大家参考，具体内容如下

实现原理设置个定时器，自定义分钟和59秒。一秒钟秒数减1秒，60秒就减1分钟。

狼蚁网站SEO优化是全部代码

<!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>

更多关于倒计时的文章请查看专题

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

上一篇：jQuery.Form上传文件操作 下一篇：用jquery的attr方法实现图片切换效果

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by