jQuery倒计时插件

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

 2080  20  查看评论 (8)
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();
相关插件-日期和时间

时间日期插件

jQuery可选择日期范围的日期选择器插件
  日期和时间
 17245  82

jQuery移动端入住时间择插件

移动端酒店入住和离开时间一次性选择插件,界面一般但是功能绝对OK
  日期和时间
 4948  17

jQuery时间轴插件

jquery.jqtimeline是一个轻量级的,简单而高效的时间表的jQuery插件,重要事件在时间轴上显示一组
  日期和时间
 22352  27

H5时钟

jquery H5时钟
  日期和时间
 14951  14

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    丨窝囊人生丨 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使用,只需要替换设置的时间就可以,至于倒计时样式你可以自己定义.

    回复
    ???真是太好了 0
    2017/8/28 8:50:43
    Alone丶假戏 0
    2017/8/24 15:14:31
    纸飞机 0
    2017/8/24 11:50:53

    很厉害

        纸飞机0
        2017/8/24 11:52:01

        哈哈

    回复
取消回复