页面定时跳转功能,比如设定2022年5月1日中午12点21分32秒跳转去baidu首页
<p><span id="days"></span>天<span id="hours"></span>小时<span id="minutes"></span>分<span id="seconds"></span>秒后自动跳转到百度</p>
<!-- js部分 -->
var currentTime = Date.now() // 获得当前时间
var redirectTime = new Date("2022-05-01 12:21:32") // 创建时间对象并指定跳转时间
var minusTime = redirectTime - currentTime // 当前时间和指定跳转时间的时间差
var daysValue = document.getElementById("days")
var hoursValue = document.getElementById("hours")
var minutesValue = document.getElementById("minutes")
var secondsValue = document.getElementById("seconds")
function countDown() {
if (minusTime <= 0) {
location.href = "https://www.baidu.com/"
clearInterval(interval)
} else {
var days = parseInt(minusTime / 1000 / 60 / 60 / 24, 10) // 计算天数
var hours = parseInt(minusTime / 1000 / 60 / 60 % 24, 10) // 计算小时
var minutes = parseInt(minusTime / 1000 / 60 % 60, 10) // 计算分钟
var seconds = parseInt(minusTime / 1000 % 60, 10) // 计算秒
if (String(days).length < 2) { //这些为了输出时间均为2位组成
days = "0" + days
}
if (String(hours).length < 2) {
hours = "0" + hours
}
if (String(minutes).length < 2) {
minutes = "0" + minutes
}
if (String(seconds).length < 2) {
seconds = "0" + seconds
}
daysValue.innerHTML = days
hoursValue.innerHTML = hours
minutesValue.innerHTML = minutes
secondsValue.innerHTML = seconds
minusTime = minusTime - 1000
}
}
countDown() // 打开页面先执行一波,时间差小于0自动跳转,时间差大于0就先给页面显示处赋值,
var interval = setInterval(countDown, 1000)