js倒计时五秒钟后自动跳转页面

用户还没有用户名

已于 2023-10-18 15:01:47 修改

阅读量1.2k

点赞数

文章标签： javascript 前端开发语言

于 2023-10-18 15:00:37 首次发布

本文链接：https://blog.youkuaiyun.com/2301_80382276/article/details/133906271

版权

部分HTML代码：

<div>Automatic jump in <span id="countDownNum">5</span> seconds.</div>

JS代码：

// 新建interval，每隔一秒运行refresh方法
let countDownInterval = setInterval("refresh()",1000);

// 倒计时开始的时间
let count = 5;

// refresh方法
function refresh(){
    //倒计时减少1s
    count--;
    // 将页面上的倒计时数字更改为新的count
    document.getElementById("countDownNum").innerText = count;
    
    // 如果倒计时减少至0，清除interval并跳转至指定页面
    if(count == 0){
        // 清除interval
        clearInterval(countDownInterval);
        // 跳转至指定页面
        location.href = "www.baidu.com";
    }
}