php2020春节倒计时,春节倒计时_2019_01_21

实例

html>

Document

#timer{width: 800px;height: 400px;background-color: blueviolet;margin: auto;color: cornsilk;line-height: 400px;text-align: center;font-size: 20px}

$(document).ready(function(){//JQ的入口函数

$('#timer').text("2019年春节倒计时开始");

function daoshiji(){

var date=new Date();//创建当前时间

var dataend=new Date('2019-02-04 24:00:00');//设置时间

var now=date.getTime();//获取1970到当前时间搓

var end=dataend.getTime();//获取1970到设置时间搓

var shift=end-now;//时间差

var day,hour,minute,sencond,s;

s=Math.floor(shift/1000);//毫秒转为总秒数

if(s>0){

day=parseInt(s/60/60/24);//毫秒转为天数

hour=parseInt((s%(60*60*24))/(60*60));//毫秒转为小时;(s%(60*60*24)取余表示去掉小时后还剩下的秒数

minute=parseInt((s%(60*60))/(60));//毫秒转为分钟

sencond=parseInt(s%60);//毫秒转为描述

if(sencond

$('#timer').text("2019年春节倒计时:"+day+"天"+hour+"时"+minute+"分0"+sencond+"秒");

}else{

$('#timer').text("2019年春节倒计时:"+day+"天"+hour+"时"+minute+"分"+sencond+"秒");

}

}else{

$('#timer').text('2019年春节已开始').css('color','#333');

}

}

setInterval(daoshiji,1000);//此处不要()

})

运行实例 »

点击 "运行实例" 按钮查看在线实例