转载自https://blog.csdn.net/createno_1/article/details/80092271
<div class="count">距离2019年高考还有<span class="day" id="timestr"></span>天</div>
js
<script type="text/javascript">
// 高考倒计时
$(function () {
var start = setInterval(function () {
var dtstr = "";
var now = new Date(); //初始化当前时间
var newdatr = new Date(now.getFullYear(), "05", "07", "00", "00", "00", "00");//初始化目标时间(这里的05实际上是六月)
var nowhms = now.getTime(); //当前时间转换毫秒
var newhms = newdatr.getTime(); //目标时间转换毫秒
var cha = newhms - nowhms; //时间差(毫秒数)
if (cha > 0) {
var day = parseInt(cha / (1000 * 60 * 60 * 24));//计算天数
// var hh = parseInt((cha % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));//计算小时
// var min = parseInt(((cha % (1000 * 60 * 60 * 24)) % (1000 * 60 * 60)) / (1000 * 60));//计算分钟
// var ss = parseInt((((cha % (1000 * 60 * 60 * 24)) % (1000 * 60 * 60)) % (1000 * 60)) / 1000);
dtstr = day;
// dtstr = day + " 天 " + hh + " 小时 " + min + " 分钟 " + ss + " 秒 ";
}
$("#timestr").html(dtstr);
}, 1000);
});
</script>
css
.count{
float: right;
line-height: 33px;
font-size: 14px;
background: #23bbfb;
color: #fff;
padding: 0px 8px;
}