倒计时功能

1、html

 <div class="remainingtime time-item">
        <span id="day_show"></span>
        <span id="hour_show"></span>
        <span id="minute_show"></span>
        <span id="second_show"></span>
        <input id="e_time" type="hidden" value="120">
    </div>

js

<script type="text/javascript">
    //活动倒计时
    var intDiff = $('#e_time').val();
    intDiff = parseInt(intDiff);//倒计时总秒数量
    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 (day <= 9) {day = '0' + day;}
            if (hour <= 9) {hour = '0' + hour;}
            if (minute <= 9) {minute = '0' + minute;}
            if (second <= 9) {second = '0' + second;}
            $('#day_show').html(day+"");
            $('#hour_show').html(hour+'');
            $('#minute_show').html(minute+'');
            $('#second_show').html(second);
            intDiff--;
        }, 1000);
    }
    $(function(){
        timer(intDiff);
    });
</script>

猜你喜欢

转载自www.cnblogs.com/qdlhj/p/10095323.html