搜索
系统检测到您的用户名不符合规范:

JS日期倒计时-附上代码,需要的带走吧[大神请绕道多谢]

浏览:413 发布日期:2018年06月20日 分类:技术分享 关键字: 日期倒计时 倒计时
效果见附件图片(可是附件怎么传都传不上来,不知道为什么);
因天,时,分,秒这几个值需要计算,完全可以配合我另一篇[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>
最佳答案
评论() 相关
后面还有条评论,
评论支持使用[code][/code]标签添加代码
您需要登录后才可以评论 登录 | 立即注册
收藏
382379437
积分:950 等级:LV2
热点推荐
(追記) (追記ここまで)
最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。

AltStyle によって変換されたページ (->オリジナル) /