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>
若文章对您有帮助,帮忙点个赞!
(微信扫码即可登录,无需注册)