Jquery 倒计时插件

插件

//Jquery倒计时插件
$.fn.djs = function() {
var $current_this = this;
//时间为一位数时显示格式为:"0X"
function checkTime(i) {
    /*if (i < 10) {
        i = "0" + i;
    }*/
    return i;
}
//显示浏览器现在的时间
function formatTime(timeVal) {
    var datePara = new Date(timeVal);//定义日期对象
    var yyyy = datePara.getFullYear();//通过日期对象的getFullYear()方法返回年
    var MM = datePara.getMonth() + 1;//通过日期对象的getMonth()方法返回月
    var dd = datePara.getDate();//通过日期对象的getDate()方法返回日
    var hh = datePara.getHours();//通过日期对象的getHours方法返回时
    var mm = datePara.getMinutes();//通过日期对象的getMinutes方法返回分
    var ss = datePara.getSeconds();//通过日期对象的getSeconds方法返回秒
    // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09
    MM = checkTime(MM);
    dd = checkTime(dd);
    hh = checkTime(hh);
    mm = checkTime(mm);
    ss = checkTime(ss);
    //用于保存星期(getDay()方法得到星期编号)
    var day; 
    if (datePara.getDay() == 0) day = "星期日 "
    if (datePara.getDay() == 1) day = "星期一 "
    if (datePara.getDay() == 2) day = "星期二 "
    if (datePara.getDay() == 3) day = "星期三 "
    if (datePara.getDay() == 4) day = "星期四 "
    if (datePara.getDay() == 5) day = "星期五 "
    if (datePara.getDay() == 6) day = "星期六 "
    //document.getElementById('start').value = yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + day;
    //setTimeout('formatTime()', 1000);//每一秒中重新加载formatTime()方法
    return yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss; //+ " " + day;
    }
    //服务器现在的时间(这里只是测试,就用浏览器时间代替)
    var startTime = new Date($current_this.attr("begin-time").replace(/\-/g, "/"));
    //活动截止时间endTime(以服务器时间为标准,即给定的时间)
    var endTime = new Date($current_this.attr("end-time").replace(/\-/g, "/"));
    //距离活动结束还剩余的时间(以浏览器为标准)
    var plus = '';
    //倒计时
    function setTimer() {
    if (!plus) {
    plus = endTime - startTime;
    }
    else {
    plus -= 1000;
    }
    var day = parseInt(plus / 1000 / 60 / 60 / 24);
    var hour = parseInt(plus / 1000 / 60 / 60) - day * 24;
    var minute = parseInt(plus / 1000 / 60) - parseInt(plus / 1000 / 60 / 60) * 60;
    var second = parseInt(plus / 1000) - parseInt(plus / 1000 / 60) * 60;
    // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09            
    day = checkTime(day);
    hour = checkTime(hour);
    minute = checkTime(minute);
    second = checkTime(second);
    if (plus <= 1) {
    clearInterval(id);
    $current_this.html("");
    }else{
    $current_this.html(day + "天" + hour + "时" + minute + "分" + second + "秒");
    }
    }
    //每秒循环一次,刷新活动截止时间与当前时间的时间差
    var id = setInterval(setTimer, 1000);
}


使用方法:

<span id="djs" begin-time="2020-09-07 22:39:42" end-time="2020-09-07 22:39:57"></span>
<script>$('#djs').djs();</script>


若文章对您有帮助,帮忙点个赞!

0
0
发布时间 2020-09-19 02:34:23
0 条回复(回复会通过微信通知作者)
点击加载更多评论
登录 后再进行评论
(微信扫码即可登录,无需注册)