JQuery实现倒计时效果

首先:引入jquery文件

1
<script type="text/javascript" src="http://www.cnblogs.com/Content/Phone/js/Answer.js?201402242021"></script>

 

然后写javascript代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
 
    $(function () {
        timer;
    })
    var maxtime = 20 * 100;
    function CountDown() {
        if (maxtime >= 0) {
            seconds = Math.floor(maxtime / 100);
            milliseconds = Math.floor(maxtime % 100);
            seconds = seconds < 10 ? ("0" + seconds) : seconds;
            milliseconds = milliseconds < 10 ? ("0" + milliseconds) : milliseconds;
            $(".time").text(seconds + ":" + milliseconds);
            //if(maxtime == 5*60) alert(‘注意,还有5分钟!‘);
            if (maxtime == 270) {
                //$("#musicNear")[0].play();
            }
            maxtime -= 10;
        }
    }
 
    timer = window.setInterval(CountDown, 100);
</script>

 

 

JQuery实现倒计时效果,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。