首页 > web前端 > js教程 > js实现网页倒计时、网站已运行时间功能的代码3例_javascript技巧

js实现网页倒计时、网站已运行时间功能的代码3例_javascript技巧

WBOY
发布: 2016-05-16 16:52:34
原创
1478 人浏览过

1、jQuery.countdown插件

显示格式:50 周 01 天 07 小时 18 分 41 秒(秒为跑秒)
一个页面可以有多个倒计时实例,可以停止和开始,它没有提供太多的功能,但时间格式和输出的尺寸都可以自定义。
目前最新版v2.0.2,官方地址http://hilios.github.io/jQuery.countdown/
例如:

复制代码 代码如下:






输出结果:50 周 01 天 07 小时 18 分 41 秒

注意:如果需要一共还有多少天数用%D,参数说明:

复制代码 代码如下:

Y: "years"
m: "months"
w: "weeks"
d: "days"
D: "totalDays"

H: "hours"
M: "minutes"
S: "seconds"


2、显示格式:距离结束时间还有:00天05小时25分30秒(秒为跑秒)

复制代码 代码如下:



3、 显示格式:已运行0 年 1 天 0 小时 4 分钟 35 秒(秒为跑秒)

复制代码 代码如下:



相关标签:
js
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板