<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>js指定日期倒计时，日期过后显示过期内容</title>
</head>
<style type="text/css">
*{margin:0;padding:0;}
.box{width:1000px;margin:100px auto;text-align:center;}
</style>
<script type="text/javascript">
var ending = new Date ("2017/06/03"); //此日期的00:00:00开始过期
</script>
<body>
<div class="box">
<script type="text/javascript">
document.writeln("<div id='div' style='color:#fff;font-size:36px;background:#6a1e8b;line-height:98px;text-align:center;'></div>");
var countdown = function ()
{
var now = new Date; //获取系统时间的时间戳
if (now >= ending)
{
var obj = document.getElementById("div");
obj.style.height= "100px";
var year=now.getYear()-100;
var month=now.getMonth()+1;
var day=now.getDate();
clearTimeout(this.timeout);
div.innerHTML = "亲，今天是：20"+year+"年"+month+"月"+day+"日，这个活动过期了哦！"; //过期后显示的文字内容
return;
}
div.innerHTML = "";
this.timeout = setTimeout (countdown, 1000);
}
onload = countdown;
</script>
</div>
</body>
</html>
1861资源网
http://www.zywlyy.cn/
|
1861资源网 软件下载
使用手机软件扫描微信二维码
关注我们可获取更多热点资讯
感谢网络科技公司技术支持
