使用jQuery开发一个超酷的倒计时效果-技术开发专区

使用jQuery开发一个超酷的倒计时效果

作者：gbin1 编辑：景保玉 2012-01-06 09:18 来源：cnblogs

　　【IT168技术】今天我们分享一篇来自tutorialzine的教程，本文将使用jQuery开发一个超酷的倒计时效果插件，使用这个插件你可以生成一个非常炫的倒计时器，你可以方便的整合到你需要的web功能模块中，希望大家喜欢!

以下代码将演示如何调用上述插件：

$(function(){

 var note = $('#note'),
 ts = new Date(2012, 0, 1),
 newYear = true;

 if((new Date()) > ts){
 // The new year is here! Count towards something else.
 // Notice the *1000 at the end - time must be in milliseconds
 ts = (new Date()).getTime() + 10*24*60*60*1000;
 newYear = false;
 }

 $('#countdown').countdown({
 timestamp : ts,
 callback : function(days, hours, minutes, seconds){

 var message = "";

 message += days + " day" + ( days==1 ? '':'s' ) + ", ";
 message += hours + " hour" + ( hours==1 ? '':'s' ) + ", ";
 message += minutes + " minute" + ( minutes==1 ? '':'s' ) + " and ";
 message += seconds + " second" + ( seconds==1 ? '':'s' ) + " ";

 if(newYear){
 message += "left until the new year!";
 }
 else {
 message += "left to 10 days from now!";
 }

 note.html(message);
 }
 });

});

关注我们