首页 > 网站 > WEB开发 > 正文

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

2024-04-27 15:05:13
字体:
来源:转载
供稿:网友
实现原理:设置个定时器,自定义分钟和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>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表