jQuery倒计时插件

所属分类:输入-日期和时间

 35750  348  查看评论 (23)
分享到微信朋友圈
X
jQuery倒计时插件 ie兼容8

使用了两种方法实现倒计时.一种使用纯js实现,可以不借助jQuery库,一种借助jQuery库实现需要注意的是

使用jQuery方法

setInterval("t('2017/8/23 20:00:00')",1000);//函数t('需要倒计时的日期');

需要注意的是这里的天时分秒须用固定class 天(day),时(hours),分(minutes),秒(seconds);

使用纯JavaScript调用

// 日 时 分 秒的dom对象
varday = document.getElementById('day');
varhours = document.getElementById('hours');
varminutes = document.getElementById('minutes');
var seconds = document.getElementById('seconds');
countDownTime.init('2017/8/16 15:38:00', day, hours, minutes, seconds); //init('需要倒计时的日期时间'天,时,分,秒),这里的天时分秒对应的是所要显示倒计时的dom对象.
countDownTime.start();
相关插件-日期和时间

自定义样式日程插件(原创)

可以根据需求自定义显示样式,当前demo为显示一个周
  日期和时间
 42735  332

jQuery日期时间选择器

基于Bootstrup 3的jQuery日期时间选择器
  日期和时间
 153566  468

html+css+js 动态时钟

就是用纯html+js+css写的一个动态时钟
  日期和时间
 49843  400

jQuery带日期区间的日期选择插件

HTML5/CSS3带日期区间的日期选择插件
  日期和时间
 73507  395

讨论这个项目(23)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    银河铁道 0
    2022/4/19 10:40:23
    完美解决我的问题,感谢💖 回复
    St. Paulus 0
    2019/3/5 17:28:00
    可以分享一下吗 回复
    ?’⒈抹丶胭脂荭っ 0
    2019/1/25 13:55:59

    如果有两个倒计时的话,怎么直接引用init只有最后一个倒计时有效??
    第一个:

    countDownTime.init('2019/6/16 00:00:00', dayZk, hoursZk, minutesZk, secondsZk);
    countDownTime.start();

    第二个:

    countDownTime.init('2019/6/7 00:00:00', dayGk, hoursGk, minutesGk, secondsGk);
    countDownTime.start();
    回复
    修鱼拓海 0
    2018/11/21 17:29:37
    这个能不能没天倒计时结束时间是当天的23:59:59 回复
    当省不用,当用不省 0
    2018/10/17 14:59:45
    不错,很好用! 回复
    覆水难收。 0
    2018/7/8 18:42:14
    求分享 1021705667@qq.com 回复
    萧寒 0
    2017/11/19 12:10:13

    怎么判断倒计时结束?

        ^O^0
        2021/1/29 14:40:49
        也想知道
    回复
    溪流。 0
    2017/10/29 19:23:07

    能不能时间结束了就自动清除倒计时

        溪流。0
        2017/10/29 19:24:13
        这个能放app里面吗?就是退出的时候不影响倒计时?能不能分享一下呢
        溪流。0
        2017/10/29 19:24:49

        1032861834@qq.com

        夜微凉0
        2017/10/30 16:10:36

        不影响的,只要设置了结束时间,每次打开app会重新计算

    回复
    丨窝囊人生丨 0
    2017/9/6 16:40:24
    斑马王子 0
    2017/9/5 11:56:36
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复