hg0088注册,hg0088开户,hg0088皇冠,皇冠体育-注册开户网址

主页 | 拥有4套模板 | 收藏本站 | 交流QQ群:322530250

当前位置:主页 > 皇冠体育 > 其他代码 >
下载地址

jquery倒计时插件可自定义多个倒计时间展示

jquery倒计时插件可自定义多个倒计时间展示

效果描述:jquery时间倒计时效果,代码非常简单,而且封装了,可以多次调用,这里是把2014年8月10日23点59分59秒作为时间点来演示的,可以根据自己的需要设置。

$(function(){
countDown("2014/8/10 23:59:59","#demo01 .day","#demo01 .hour","#demo01 .minute","#demo01 .second");
countDown("2014/8/10 23:59:59",null,"#demo02 .hour","#demo02 .minute","#demo02 .second");
});
 
function countDown(time,day_elem,hour_elem,minute_elem,second_elem){
//if(typeof end_time == "string")
var end_time = new Date(time).getTime(),//月份是实际月份-1
//current_time = new Date().getTime(),
sys_second = (end_time-new Date().getTime())/1000;
var timer = setInterval(function(){
if (sys_second > 0) {
sys_second -= 1;
var day = Math.floor((sys_second / 3600) / 24);
var hour = Math.floor((sys_second / 3600) % 24);
var minute = Math.floor((sys_second / 60) % 60);
var second = Math.floor(sys_second % 60);
day_elem && $(day_elem).text(day);//计算天
$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时
$(minute_elem).text(minute<10?"0"+minute:minute);//计算分
$(second_elem).text(second<10?"0"+second:second);// 计算秒
} else { 
clearInterval(timer);
}
}, 1000);
}

本素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担...

hg0088注册,hg0088开户,hg0088皇冠,皇冠体育-注册开户网址
返回顶部