javascript实现效果——5秒后跳转至指定页面

最新推荐文章于 2023-11-04 00:03:25 发布

Hello_my_new_world

最新推荐文章于 2023-11-04 00:03:25 发布

阅读量5.7k

点赞数 4

分类专栏：日常练习--前端小效果文章标签： JavaScript location setInterval href

本文链接：https://blog.csdn.net/start_XUEBA/article/details/99171510

版权

日常练习--前端小效果专栏收录该内容

19 篇文章 1 订阅

订阅专栏

分析：

1、需要跳转，则要用到 location对象的href属性。

2、倒计时5秒需要使用定时器 setInterval。

HTML：

<div id="msg"></div>

JavaScript：

window.onload=function(){
        var div=document.getElementById("msg");
        var time=5;
        var timer=setInterval(function(){
            if(time==0){
                location.href="https://www.csdn.net";
            }else{
                div.innerHTML="将在 "+time+" 秒后跳转";
                time--; 
            }
        },1000)
}