js 怎么定时刷新指定页面

Posted 2023-05-15

参考技术A 有两种刷新方法:
第一种：setTimeout("window.location.replace('url')",10);
第二种方法：setInterval("window.location.replace('url')",60);
//定时器的时间单位为毫秒，1s=1000ms； 参考技术B 　　将<metahttp-equiv=\\\"refresh\\\"content=\\\"20\\\">添加到head中，content=\\\"20\\\"指每隔20秒刷新一次页面.

　　也可以用下面的JS控制

　　<scriptlanguage=\\\"javascript\\\">

　　functionmyrefresh()

　　window.location.reload();

　　

　　setTimeout(\\\'myrefresh()\\\',1000);//指定1秒刷新一次

　　</script>

　　或者是

　　functionrefresh()

　　

　　window.location.href=\\\"当前页面URL\\\";

　　setTimeout(\\\"refresh()\\\",10000);

　　本回答被提问者采纳

js 页面定时刷新

html

           <label class="am-switch am-switch-lg">
                <input type="checkbox" id="check_is_f">
                <span class="am-switch-checkbox"></span>
            </label>
            定时刷新

js

//定时刷新
is_f = localStorage.getItem("is_f");
if(is_f == 2){
    $(‘#check_is_f‘).attr("checked", true);
    tf = setTimeout(‘myrefresh()‘,5000); //指定秒刷新一次
}




$(‘.am-switch input[type=checkbox]‘).on(‘click‘,function(){
    if($(this).is(‘:checked‘)){
        localStorage.setItem("is_f",2);
        tf = setTimeout(‘myrefresh()‘,5000); //指定秒刷新一次
    }else{
        clearTimeout(tf); //取消自动刷新
        localStorage.setItem("is_f",0);
    }
})

function myrefresh(){
window.location.reload();
}

效果：复选框勾中，页面开始每五秒刷新，取消勾中，刷新停止

主要是利用了本地存储 localStorage ，即使页面完全刷新，本地的存储不变，然后新页面依照这个存储进行判断