jQuery倒计时插件

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

 25120  260  查看评论 (21)
分享到微信朋友圈
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();
相关插件-日期和时间

原生JS仿Mac OS日历

原生JS仿Mac OS日历,简洁美观
  日期和时间
 33237  294

美观简洁的日历

美观简洁强大功能的日历
  日期和时间
 50389  293

jQuery日期时间选择器

基于Bootstrup 3的jQuery日期时间选择器
  日期和时间
 118392  367

canvas绘图实现实时时钟效果

canvas绘图实现时钟效果
  日期和时间
 20918  219

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

    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
    萧寒 0
    2017/11/19 12:10:13

    怎么判断倒计时结束?

    回复
    溪流。 0
    2017/10/29 19:23:07

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

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

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

    回复
    丨窝囊人生丨 0
    2017/9/6 16:40:24
    斑马王子 0
    2017/9/5 11:56:36
    Stern 0
    2017/9/2 18:28:38

    怎么用啊?

        夜微凉0
        2017/9/5 8:42:50

        下载后按照里面给的demo使用,只需要替换设置的时间就可以,至于倒计时样式你可以自己定义.

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复