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

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

WBOY
Lepaskan: 2016-05-16 16:52:34
asal
1479 orang telah melayarinya

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 秒(秒为跑秒)

复制代码 代码如下:



Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan