3秒之后跳转到指定的页面

最新推荐文章于 2023-01-04 07:15:25 发布

qq_31292223

最新推荐文章于 2023-01-04 07:15:25 发布

阅读量769

点赞数

文章标签： HTML JavaScript 自动跳转倒计时 window.location.href

本文链接：https://blog.csdn.net/qq_31292223/article/details/116066938

版权

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>正在跳转...</title>
<script>
function countDown() {
//获取初始时间
var time = document.getElementById("Time");

//获取到id为time标签中的数字时间
if (time.innerHTML == 0) {
//等于0时清除计时，并跳转该指定页面
window.location.href="https://www.baidu.com";
} else {
time.innerHTML = time.innerHTML - 1;
}
}

//1000毫秒调用一次
window.setInterval("countDown()", 1000);
</script>
<style>
#main {
position: absolute;
left: 45%;
top: 40%;
margin-left: -210px;
margin-top: -200px;
}

#Time {
font-size: 30px;
text-align: center;
color: red;
}

.boxs {
font-size: 30px;
text-align: center;
margin: 0 auto;
}

#Font {
font-size: 40px;
text-align: center;
}
</style>
</head>
<body>
<div class="weui-tab dark-view">
<div class="weui-tab__panel vux-fix-safari-overflow-scrolling">
<div class="personal-info router-view">
<div id="main">

<div>
<h1>
<img src="/Public/image/tiao.gif" style="width:70%;height:70%;">

<span id="Time" hidden="hidden">3</span>
</h1>
</div>

</div>
</div>
</div>
</div>
</body>
</html>

qq_31292223

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3秒之后跳转到指定的页面

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>正在跳转...</title> <script> function countDown() { //获取初始时间 var ti...
复制链接

扫一扫