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>

以上是 Jquery倒计时插件 的全部内容, 来源链接: www.h5w3.com/116258.html

回到顶部