<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>距离活动倒计时</title>
<script src="js/jquery.js"></script>
<style>
.HotDate #activeend{color: #f9d67a;font-size:25px;display: inline-block;}
.HotDate{z-index: 2;position: absolute;left: 0;margin: auto;right: 0;text-align: center;bottom: 800px;}
.HotDate h1{color: #ffd074;font-size:25px;font-weight: bold;text-align: center;}
</style>
</head>
<body>
<div id="CountMsg" class="HotDate">
<h1 style="display: none">活动结束请明天再来</h1>
<div id="activeend" style="display: none">本期结束:</div>
</div>
<script type="text/javascript">
var startTime;
var endTime;
$(function () {
var data={startTime:"2018-11-29 20:21:02",endTime:"2018-11-29 20:21:02"};//模拟后台返回的数据
startTime= new Date(data.startTime);
// alert(startTime);
endTime = new Date(data.endTime);
window.setInterval("g
//判断状态
function getEndOrStartTime(){
var myDate =new Date();
if(myDate.getTime()<startTime.getTime()){
$("#activeend").html("活动未开始");
}else{
if(myDate.getTime()>endTime.getTime()){
$("#activeend").html("活动已经结束");
}else {
var djs =endTime.getTime()-myDate.getTime();
var days=Math.floor(djs/(24 * 300*1000));//计算剩下的天数
var leave1=djs%(24*3600*1000);//计算天数后剩余的毫秒数
//计算相差的分钟数
var leave2=leave1 %(3600*1000);//计算小时后剩余的毫秒数
var minutes= Math.floor(leave2/(60*1000));
//计算相差的毫秒
var leave3=leave2%(60*1000);//计算分钟后剩余的毫秒数;
var seconds =Math.round(leave3/1000);
$("#activeend").html("距离活动结束:"+days+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒");
}
}
$("#activeend").show();
};
</script>
</body>
</html>
网友评论