<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"链接到另外一个页面
呵呵 就是酱紫滴!
给分给分!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)