求一个倒计时20s跳转到一网址的html代码
2个回答
展开全部
<!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 ,然后使用浏览器打开就可以实现了
<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 ,然后使用浏览器打开就可以实现了
追问
可以的，谢谢了！但还是希望可以更简单点。字的颜色就不需要了，直接显示一行黑色的“将在**秒后将跳转至主页”就行了（如果可以的话尽量能放在同一行，还有字体不用太大）。
追答
倒计时五秒后跳页面
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);
#Time{
font-size: 30;
text-align: center;
}
20秒后跳转主页
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<meta http-equiv="refresh" content="20;url=go.html">
</head>
<meta http-equiv="refresh" content="20;url=go.html">
</head>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
