<!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(){
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.innerHTML = '距离睡觉还有' + hours + ':' + minutes + ':' + seconds
},1000)
</script>
</body>
</html>
