<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="h1"></h1>
<script>
// 今天先了解一下:定时器
setInterval(function(){
// console.log('这里的代码就会每隔一秒自己运行一次')
// 22:00:00 睡觉
var date = new Date()
var nowTime = date.getTime()
date.setHours(22,0,0)
var endTime = date.getTime()
// 不考虑毫秒,精确到秒即可
var time = parseInt((endTime - nowTime) / 1000)
console.log(time)
var hours = parseInt(time / 3600)
var minutes = parseInt(time % 3600 / 60)
var seconds = time % 3600 % 60
var h1 = document.getElementById('h1')
// 修改h1的内容
h1.innerHTML = '距离睡觉还有' + hours + ':' + minutes + ':' + seconds
},1000)
</script>
</body>
</html>
距离晚上10点睡觉还有多久
猜你喜欢
转载自blog.csdn.net/dfc_dfc/article/details/105499578
今日推荐
周排行