JS 倒计时

简介: JS 倒计时
/**
 * 倒计时
 * @param el 倒计时的父级元素
 * @param intDiff  倒计时总秒数量
 * 时间默认值 day,hours,minutes,second
 */

var count_down = function (el,intDiff){

    var day = 0,
        hours = 0,
        minutes = 0,
        seconds = 0;

    var timer = setInterval(function(){

        if(intDiff > 0)
        {
            day = Math.floor(intDiff / (60 * 60 * 24));
            hours = Math.floor(intDiff / (60 * 60)) - (day * 24);
            minutes = Math.floor(intDiff / 60) - (day * 24 * 60) - (hours * 60);
            seconds = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hours * 60 * 60) - (minutes * 60);

        }
        else
        {
            //取消定时器
            clearInterval(timer);

        }

        if (day < 10) day = '0' + day;
        if (hours < 10) hours = '0' + hours;
        if (minutes < 10) minutes = '0' + minutes;
        if (seconds < 10) seconds = '0' + seconds;

        $(el+' .day').html(day);
        $(el+' .hours').html(hours);
        $(el+' .minutes').html(minutes);
        $(el+' .seconds').html(seconds);

        intDiff--;

    }, 1000);
};
目录
相关文章
|
2月前
|
前端开发 JavaScript
HTML+CSS+JS 倒计时动画效果
HTML+CSS+JS 倒计时动画效果
|
3月前
|
JavaScript 前端开发
JavaScript解决生日倒计时的问题
JavaScript解决生日倒计时的问题
25 0
|
3月前
|
JavaScript 前端开发
JavaScript编写一个倒计时
JavaScript编写一个倒计时
23 0
|
3月前
|
JavaScript
JS利用时间戳倒计时案例
JS利用时间戳倒计时案例
|
3月前
|
JavaScript 前端开发 小程序
element 订单列表中 实现多个倒计时(vue+js)
element 订单列表中 实现多个倒计时(vue+js)
|
3月前
|
移动开发 JavaScript 前端开发
分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您
59 0
|
3月前
h5+JavaScript实现一个倒计时功能
h5+JavaScript实现一个倒计时功能
|
3月前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js
|
3月前
|
JavaScript
JS倒计时
JS倒计时

热门文章

最新文章