这里我以我当前时间距离国庆节还有多久为例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="title"></h1>
<script>
//编写函数进行计算
function fun(){
//设置定时器每秒执行一次
setInterval(function(){
// 获取html里的id为title的元素
var title = document.getElementById('title')
//获取当前时间
var time = new Date()
//固定你要查询距你多久的时间
var time1 = new Date('2023-10-01 00:00:00')
// 将距你的时间转换为时间戳 - 你当前时间的时间戳
// 因为时间戳是以毫秒作单位，所以除1000取整转换为秒
var num = parseInt((time1.getTime() - time.getTime()) / 1000)
// num除3600化为小时，除24化为天取整
var day = parseInt(num / 3600 / 24)
// num除3600化为小时取整模24取余就是所需小时
var hour = parseInt(num / 3600) % 24
// num除60化为分钟模60取余
var min = parseInt(num / 60) % 60
// num直接模60取余就位最后的秒
var s = num % 60
// 最后将取得的值进行拼接返回到html页面
return title.innerText = '当前距离国庆节还有' + day + '天' + hour + '小时' + min + '分钟' + s + '秒'
},1000)
}
// 调用函数
fun()
</script>
</body>
</html>结果：
1
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
