倒计时
Posted wanglongfei
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了倒计时相关的知识,希望对你有一定的参考价值。
html页面代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<center>
<span></span>
</center>
</body>
</html>
<script src="__STATIC__/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function () {
window.setInterval(function () {
//获取当前时间
var now_time = new Date();
// alert(now_time)
//获取结束时间
var end_time = new Date(‘2018-09-20 00:00:00‘);
//计算时间差
var t = end_time.getTime() - now_time.getTime();
if (t>0){
var day = Math.floor(t/1000/60/60/24);
var hour = Math.floor(t/1000/60/60%24);
var minute = Math.floor(t/1000/60%60);
var second = Math.floor(t/1000%60);
}
$(‘span‘).html(day+"天"+hour+"小时"+minute+"分钟"+second+"秒");
},1000);
})
</script>
以上是关于倒计时的主要内容,如果未能解决你的问题,请参考以下文章