您的位置：首页 > Web前端 > HTML

HTML 实现 页面加载计时器 5秒倒计时 后跳转页面

2018-09-23 11:29 2561 查看

HTML 页面加载计时器 5秒倒计时 后跳转页面

很简单的一个页面计时器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时五秒后跳页面</title>
<script>
function countDown(){
//获取初始时间
var time = document.getElementById("Time");

//获取到id为time标签中的数字时间
if(time.innerHTML == 0){
//等于0时清除计时，并跳转该指定页面
window.location.href="https://blog.csdn.net/qq_43021813";
}else{
time.innerHTML = time.innerHTML-1;
}
}
//1000毫秒调用一次
window.setInterval("countDown()",1000);
</script>
<style>
#Time,#p{
font-size: 150px;
text-align: center;
}
#Font,#p{
font-size: 100px;
text-align: center;
}
</style>
</head>
<body>
<font color="yellow"><p id="Time" >5</p></font>
<p id="Font">将跳转至主页</p>
</body>
</html>

就这么一点的代码 实现倒计时跳转页面

阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航