javascript中利用BOM来实现页面跳转

最新推荐文章于 2024-03-05 13:31:13 发布

word小埋

最新推荐文章于 2024-03-05 13:31:13 发布

阅读量1.6k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/u010658676/article/details/98873653

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现网页自动跳转及倒计时显示的方法。通过设置定时器，每秒更新倒计时，并在倒计时结束后自动跳转至指定页面，适用于网站维护或更新提示场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

编写body

<p><span id="time" >5</span>秒后页面自动跳转至主页...</p>

编写script

<script>
    //定义开始的秒数
    var  second = 5;
    //利用getElementById的方法得到span对象
    var  time = document.getElementById("time");
    //编写倒数方法
    function showtime() {
        second--;
        //判断秒数是否为0 
        if (second<=0){
            //为0的话利用location方法href跳转到百度页面
            location.href="https://www.baidu.com";
        }
        //利用innerHTML改变span对象的内容
        time.innerHTML = second +""; 
    }
    //设置定时器 1秒  执行 一次方法
    setInterval(showtime,1000);
</script>

全部代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跳转页面</title>

</head>
<body>
<p><span id="time" >5</span>秒后页面自动跳转至主页...</p>
<script>
    //定义开始的秒数
    var  second = 5;
    //利用getElementById的方法得到span对象
    var  time = document.getElementById("time");
    //编写倒数方法
    function showtime() {
        second--;
        //判断秒数是否为0 
        if (second<=0){
            //为0的话利用location方法href跳转到百度页面
            location.href="https://www.baidu.com";
        }
        //利用innerHTML改变span对象的内容
        time.innerHTML = second +""; 
    }
    //设置定时器 1秒  执行 一次方法
    setInterval(showtime,1000);
</script>
</body>
</html>