码迷,mamicode.com
首页 > Web开发 > 详细

利用JQuery在动态页面的倒计时器

时间:2016-04-21 11:38:40      阅读:753      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">

var intDiff = parseInt(60);//倒计时总秒数量
function timer(intDiff){
    window.setInterval(function(){
    var day=0,
        hour=0,
        minute=0,
        second=0;//时间默认值       
    if(intDiff > 0){
        day = Math.floor(intDiff / (60 * 60 * 24));
        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (minute <= 9) minute = ‘0‘ + minute;
    if (second <= 9) second = ‘0‘ + second;
    $(‘#day_show‘).html(day+"天");
    $(‘#hour_show‘).html(‘<s id="h"></s>‘+hour+‘时‘);
    $(‘#minute_show‘).html(‘<s></s>‘+minute+‘分‘);
    $(‘#second_show‘).html(‘<s></s>‘+second+‘秒‘);
    intDiff--;
    }, 1000);
$(function(){
    timer(intDiff);
});
</script>
 
主页面
<div class="time-item">
    <span id="day_show">0天</span>
    <strong id="hour_show">0时</strong>
    <strong id="minute_show">0分</strong>
    <strong id="second_show">0秒</strong>
</div>
 

利用JQuery在动态页面的倒计时器

标签:

原文地址:http://www.cnblogs.com/ysj4428/p/5416209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!