如何用 JavaScript 实现计时器倒数功能
最编程
2024-02-23 15:26:30
...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var oDiv = document.getElementById('div1')
function fTiming(){
var nowTime = new Date()
var futureTime = new Date(2021,8,29,0,0,0)
var trueTime = parseInt((futureTime - nowTime)/1000)
var tDay = parseInt(trueTime/86400)
var tHour = parseInt((trueTime%86400) / 3600)
var tMinute = parseInt(((trueTime % 86400) % 3600) / 60)
var tSecond = trueTime % 60
var str = '距离开学还有' + tDay + '天' + tHour + '时' + tMinute + '分' + tSecond +'秒'
oDiv.innerHTML = str
}
setInterval(fTiming,1000)
}
</script>
<style>
#div1{
margin: 0 auto;
font-size: 30px;
color: #00FFFF;
height: 35px;
width: 500px;
text-align: center;
line-height: 35px;
border: 1px solid #006120;
background-color: #00619F;
}
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
上一篇: 5分钟快速倒计时用JS实现
推荐阅读
-
如何用 JavaScript 动态创建分钟与秒的倒数计时器
-
如何用JavaScript实现 countdown (天, 时, 分, 秒) 功能
-
如何用 JavaScript 实现计时器倒数功能
-
如何用 JavaScript 实现计时器倒数功能
-
如何在JavaScript中实现计时器的倒计时功能
-
如何用JavaScript通过时间戳实现计时倒数功能
-
如何用 JavaScript 实现更精确的倒计时计时器
-
如何用纯JavaScript实现秒杀倒计时与整点触发功能(详细解析)
-
如何用JavaScript实现选择框的全选、全不选与反向选择功能——实例解析
-
如何用JavaScript在网页上实现点击成语的验证功能