当前位置:主页 > jquery插件 > UI >

jQuery倒计时插件

栏目分类:UI   模板编号:JQ00076    发布日期:2017-08-22   来源:网络   浏览次数:次     在线预览
一款距离某一时刻的一款倒计时插件刷新页面不影响倒计时进行.

使用了两种方法实现倒计时.一种使用纯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();


在线演示 立即下载
打赏本站
云盘密码:yq4r

标签: 倒计时

Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载