虚位以待(AD)
虚位以待(AD)
首页 > 网页特效 > Jquery > jQuery实现最简单实用的分秒倒计时

jQuery实现最简单实用的分秒倒计时
类别:Jquery   作者:码皇   来源:互联网   点击:

这篇文章主要为大家详细介绍了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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关热词搜索: jQuery分秒倒计时 jQuery倒计时