标签：col enter content otto position charset 本地 block 未来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时</title>
<style>
div{
width: 800px;
height: 200px;
/*border: 1px dotted deepskyblue;*/
box-shadow: 5px 15px 3px grey;
margin: 50px auto 0;
text-align: center;
line-height: 200px;
font-size: 23px;
color: red;
}
</style>
<script>
window.onload = function() {
oDiv = document.getElementById(‘div1‘);
function fntimerleft() {
//读取本地时间，实际开发时读取的是服务器的时间
var sNow = new Date();
//获取未来时间
var sFuturn = new Date(2019, 3, 1, 10, 0, 0);
//计算剩余秒数
var sLeft = parseInt((sFuturn - sNow) / 1000);
//计算剩余天数
var iDays = parseInt(sLeft / 86400);
//计算剩余小时数
var iHour = parseInt((sLeft % 86400) / 3600);
//计算剩余分钟数
var iMinute = parseInt(((sLeft % 86400) % 3600) / 60);
//计算剩余秒数
var iSecond = parseInt(sLeft % 60);
var sTr = "距离2019年3月1日还剩：" + iDays + ‘天‘
+fndouble(iHour) + ‘小时‘ +fndouble(iMinute) + ‘分钟‘ +fndouble(iSecond) + ‘秒‘;
oDiv.innerHTML = sTr;
}
fntimerleft();
setInterval(fntimerleft,1000);
function fndouble(n) {
if(n<10){
return ‘0‘+ n;
}
else return n;
}
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
标签：col enter content otto position charset 本地 block 未来
原文地址：https://www.cnblogs.com/yemeiivan-zhang/p/10307638.html
