Plugin jQuery Countdown

Pravděpodobně jste navštívili stránky jako RapidShare a MegaUpload, které vám umožňují stahovat soubory, ale nutí vás čekat určitý počet sekund, než vám poskytnou odkaz ke stažení. Vytvořil jsem podobný skript, ale můj skript vám umožňuje animovat velikost písma CSS každou sekundu a na konci prezentovat odměnu.

JavaScript jQuery

jQuery.fn.countDown = function(settings,to) {
	settings = jQuery.extend({
		startFontSize: "36px",
		endFontSize: "12px",
		duration: 1000,
		startNumber: 10,
		endNumber: 0,
		callBack: function() { }
	}, settings);
	return this.each(function() {
		
		//where do we start?
		if(!to && to != settings.endNumber) { to = settings.startNumber; }
		
		//set the countdown to the starting number
		jQuery(this).text(to).css("fontSize",settings.startFontSize);
		
		//loopage
		jQuery(this).animate({
			fontSize: settings.endFontSize
		}, settings.duration, "", function() {
			if(to > settings.endNumber + 1) {
				jQuery(this).css("fontSize", settings.startFontSize).text(to - 1).countDown(settings, to - 1);
			}
			else {
				settings.callBack(this);
			}
		});
				
	});
};

Ukázkové použití

jQuery("#countdown").countDown({
	startNumber: 10,
	callBack: function(me) {
		jQuery(me).text("All done! This is where you give the reward!").css("color", "#090");
	}
});

Skript je velmi přizpůsobitelný a nastavení je samovysvětlující.

Podívejte se na verzi MooTools.