js和JQuery倒计时代码

js和JQuery倒计时代码

商品前端页面要实现一个倒计时的功能，在网上看了不少，整理了一个有效的分享出来，代码如下：<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>js和JQuery倒计时代码</title>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript">

var intDiff = parseInt(600000);//倒计时总秒数量

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>

</head>

<body>

<h1>js和JQuery倒计时代码</h1>

<div class="time-item">

    <span id="day_show">0天</span>

    <strong id="hour_show">1时</strong>

    <strong id="minute_show">0分</strong>

    <strong id="second_show">0秒</strong>

</div>

</body>

</html>