因天,时,分,秒这几个值需要计算,完全可以配合我另一篇[PHP倒计时文章使用,里面的PHP方法可以返回这几个值,不用再那么麻烦的去计算了]
html代码
<span class=" cls-day">11</span>天
<span class=" cls-hour">4</span>时
<span class=" cls-minute">22</span>分
<span class=" cls-second">33</span>秒
JS代码
<script>
$(function () {
timerSecond('cls-second','cls-minute', 'cls-hour','cls-day');
});
var timerSecond = function (s, m, h, d) {
var num = $('.'+s).html();
num = num*1;
var index = setInterval(function (args) {
var a = $('.'+s).html();
var b = $('.'+m).html();
var c = $('.'+h).html();
var e = $('.'+d).html();
if(a*1 <= 0 && b*1 <= 0 && c*1 <= 0 && e*1 <= 0){
clearInterval(index);
return;
}
num -= 1;
if(num < 0){
timerMinute(m, h, d);
num = 59;
$('.'+s).html(num);
}else{
$('.'+s).html(num);
}
},1000)
}
var timerMinute = function (m, h, d) {
var num = $('.'+m).html();
num = num*1;
num -= 1;
if(num < 0){
timerHour(h, d);
num = 59;
$('.'+m).html(num);
}else{
$('.'+m).html(num);
}
}
var timerHour = function (h, d) {
var num = $('.'+h).html();
num = num*1;
num -= 1;
if(num < 0){
timerDay(d);
num = 23;
$('.'+h).html(num);
}else{
$('.'+h).html(num);
}
}
var timerDay = function (d) {
var num = $('.'+d).html();
num = num*1;
$('.'+d).html(num-1);
}
</script>
最佳答案
