您现在的位置是:网站首页> 软件下载软件下载
基于jquery的倒计时插件 2.0 下载-
2021-08-30
107人已围观
简介 基于jquery的倒计时插件 2.0 下载-
今天需要用到一个倒计时功能,想起来很早以前写过一个,翻出来优化了一下,包装成jQuery插件重新发布一下。
还是没加入定时与服务器校验本地时间正确性的功能,等想出个好办法在添加了。
使用说明:
注意需要修改结束日期,因为为了效果,演示我们改成了2013年了
参数
endTime 结束时间 date || datestring
autoStart 自动开始 bool
format 输出格式 string hour:minute:second
appendTxt 是否显示文字 bool
事件
每次tick时触发事件
$("#clock").on("tick.timeup",function(){});结束时触发事件
$("#clock").on("stop.timeup",function(){});开始时触发事件
$("#clock").on("start.timeup",function(){});方法
开始计时
$("#clock").timeup("start");结束计时
$("#clock").timeup("stop");
基于HTML创建
[code]
hour时minute分second秒
hourminutesecond
[/code]
基于Javascript创建
[code]
$("#clock").timeup({ endTime: "2012-9-30" });
$("#clock").timeup({ endTime: "2012-10-1", autoStart: false, format: "hour时minute分second秒" });
$("#clock").timeup({ endTime: "2012-10-2", autoStart: false, format: "hourminutesecond", appendTxt: false });
[/code]
还是没加入定时与服务器校验本地时间正确性的功能,等想出个好办法在添加了。
使用说明:
注意需要修改结束日期,因为为了效果,演示我们改成了2013年了
参数
endTime 结束时间 date || datestring
autoStart 自动开始 bool
format 输出格式 string hour:minute:second
appendTxt 是否显示文字 bool
事件
每次tick时触发事件
$("#clock").on("tick.timeup",function(){});结束时触发事件
$("#clock").on("stop.timeup",function(){});开始时触发事件
$("#clock").on("start.timeup",function(){});方法
开始计时
$("#clock").timeup("start");结束计时
$("#clock").timeup("stop");
基于HTML创建
[code]
hour时minute分second秒
hourminutesecond
[/code]
基于Javascript创建
[code]
$("#clock").timeup({ endTime: "2012-9-30" });
$("#clock").timeup({ endTime: "2012-10-1", autoStart: false, format: "hour时minute分second秒" });
$("#clock").timeup({ endTime: "2012-10-2", autoStart: false, format: "hourminutesecond", appendTxt: false });
[/code]
相关内容
- jQuery插件visualSelect图形化下拉选择列表 下载-
- JS代码之模仿flickr的横向导航菜单效果 下载-
- 基于jQuery模拟facebook的动态tag输入效果实现代码 下载-
- jQuery插件jquery.wslide 实现各个方向平滑滚动效果 下载-
- 基于jQuery的简单焦点图片切换效果的实现代码 下载-
- 基于jQuery的带标题显示的焦点图片切换效果的实现代码 下载-
- 基于jQuery的一组文字颜色渐变显示效果的实现代码 下载-
- 用mootools实现的lightbox图片展示效果代码分享 下载-
- 基于jQuery的超酷飞出式菜单效果的实现代码 下载-
- 基于jQuery的冒泡显示的图标效果的实现代码 下载-

