求一个倒计时20s跳转到一网址的html代码

求一个倒计时20s跳转到一网址的html代码,第1张

<!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://mbd.baidu.com/newspage/data/landingshare?pageType=1&isBdboxFrom=1&context=%7B%22nid%22%3A%22news_8894402723098202660%22%2C%22sourceFrom%22%3A%22bjh%22%7D"

}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" >20</p></font>

<p id="Font">20秒后将跳转至主页</p>

</body>

</html>

记得保存成xxx.html ,然后使用浏览器打开就可以实现了

我就提取必要的地方了

假设要跳转的地方是bing

<div id="timer"></div>

<script>

var time = 4

setInterval(function() {

time--

if(time === 0){

window.location.href = "www.bing.com"

}

document.querySelector("#timer").textContent = "剩余时间" + time + "秒"

}, 1000)

</script>

<input type="submit" name="Submit" value="同意" />

因为你是submit类型 所以跳转执行的是action里面的页面

搞成button的话才能使用

window.document.location.href = "mail.php"链接到另外一个页面

呵呵 就是酱紫滴!

给分给分!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6295388.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存