在很多时候,我们得用到倒计进功能,有很多人的方法很搞笑,我也不知道为什么,他们怎么还要去服务器做什么请求什么的,当时看着迷糊所以也没有看下去,其实倒计时很简单,只是有的时候是一个网页中有很多的倒计时,可能会产生冲突,不过,这个不用担心,有了现在这个插件,就一切搞定。

插件名称是jCountdown,肯定又是老外写的,呵呵,因为里面全是英文,插件的应用也很简单,下面是他们的例子。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function() {
		$("#time3").countdown({
		date: "September 7,2011 17:43:00", //Counting TO a date
		onChange: function( event, timer ){
		},
		onComplete: function( event ){
			$(this).html("Completed");
		},
		leadingZero: true,
		direction: "up"
	});
});
 
//#time3是容器的ID ,DATA当然就是时间了,可以尝试一下其它的格式,不过,我是用的标准时间格式转载注明www.chhua.com

为了兼容多个ID容器和方便调用,我自己写了一个小函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function times(id,time){
	//#time3是容器的ID ,DATA当然就是时间了
	$(document).ready(function() {
		$("#"+id).countdown({
		date:time, //Counting TO a date
		onChange: function( event, timer ){
		},
		onComplete: function( event ){
			$(this).html("Completed");
		},
		leadingZero: true,
		direction: "up"
	});
	});	
	}

好了,今天就到这里吧,顺便说一下,PR值大更新了,不过我的WEB开发笔记www.chhua.com的没涨,也没降,呵呵,看来,外链还是得要做呀!

自由转载,转载请注明: 转载自WEB开发笔记 www.chhua.com

本文链接地址: 分享一个好用的JQ倒计时插件 http://www.chhua.com/web-note2735

相关笔记

更多