<script>
// 打开页面后,每毫秒都在倒计时苹果发布会的时间。
// 步骤:设置一个定时器,每一毫秒更新一次div的内容
// 1.获取时间差(现在和发布会开始的时间差,毫秒值时间差,把时间差转换成 ‘时分秒毫秒’)
var div = document.getElementsByTagName("div")[0];
var timer = setInterval(fn,1);
function fn(){
var date = new Date();
var date2 = new Date('2017/09/08 01:00:00');
// 获取的毫秒值
var future = date2.getTime() - date.getTime();
// 天
var day = parseInt(future/1000/60/60/24);
// 小时
var hour = parseInt(future/1000/60/60%24);
// 分
var minute = parseInt(future/1000/60%60);
// 秒
var sec = parseInt(future/1000%60);
// 毫秒
var millsec = parseInt(future%1000);
// 补0操作
day = day < 10 ? "0"+day:day;
hour = hour <10 ? "0"+hour:hour;
minute = minute < 10 ? "0"+minute:minute;
sec = sec < 10 ? "0"+sec:sec;
if(millsec < 10){
millsec = "00"+millsec;
}else if(millsec < 100){
millsec = "0" + millsec;
}
// console.log(day + ";" + hour + ";"+minute +";"+sec + ";" + millsec);
if(future < 0){
div.innerHTML = "距离iphone18发布会开始时间还有:0天0小时0分钟0秒0毫秒";
clearInterval(timer);
}
div.innerHTML = "距离iphone18发布会开始时间还有:"+day + "天"+hour+"小时"+minute+"分钟"+sec+"秒"+millsec+"毫秒";
}
</script>
模拟倒计时
最新推荐文章于 2022-10-07 11:55:19 发布