倒计时
2017-04-18 本文已影响0人
洛洛kkkkkk
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body{
background-color: black;
}
span{
font-size: 50px;
font-family: "微软雅黑";
font-weight: 900;
color: white;
text-shadow:0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #228DFF,
0 0 70px #228DFF,
0 0 80px #228DFF;
}
</style>
</head>
<body>
<span id="t_d"></span>
<span id="t_h"></span>
<span id="t_m"></span>
<span id="t_s"></span>
<script type="text/javascript">
function getRTime(){
var EndTime= new Date('2018/1/1 00:00:00');
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
document.getElementById("t_d").innerHTML = d + "天";
document.getElementById("t_h").innerHTML = h + "时";
document.getElementById("t_m").innerHTML = m + "分";
document.getElementById("t_s").innerHTML = s + "秒";
}
setInterval(getRTime,1000);
//时间对象，就是获取当前/未来/过去的时间，创建方式有很多。得到两个时间之后可以做差值
//获取两个时间相差的毫秒数。时间对象有很多方法，可以单独的帮我们获取年份/月份/秒数等
//也可以通过set方法来单独的设置年份/月份/秒数等
</script>
</body>
</html>
