【实用小脚本】JS自动刷新页面

JS自动刷新页面

背景介绍

1、限时活动、秒杀活动中,自动循环刷新

2、学习通刷访问次数,刷学习次数

3、网站刷访问量、刷访问次数

4、等等。。。很多的,小伙伴们自己去发现吧

效果展示

【实用小脚本】JS自动刷新页面_第1张图片

打个基础

prompt() 弹出对话框,获取用户输入的文本
setTimeout(,) 延迟执行函数
write() 可向指定对象写入html代码或者js代码
with() 设定代码的作用域

完整代码

    var timeout = prompt("设置刷新时间");
    current = location.href;
    if(timeout > 0)
    {
      setTimeout('reload()', 1000 * timeout);
    }
    else
    {
      location.replace(current);
    }
    
    function reload()
    {
      setTimeout('reload()', 1000 * timeout);
      var frame = '\n';
      with(document)
      {
           // 引用document对象,调用write方法写入框架,打开新窗口
        write(frame);
      
        //此处输入执行的代码
        
          // 关闭上面的窗口
        void(close());
      };
    }

操作步骤

1、打开一个网页

2、按键盘 f12 ,或者鼠标右键检查,打开开发者工具

3、切换到console

【实用小脚本】JS自动刷新页面_第2张图片

4、把脚本代码粘贴上去

【实用小脚本】JS自动刷新页面_第3张图片

5、回车,运行脚本代码,输入刷新间隔秒数,然后点击确定

【实用小脚本】JS自动刷新页面_第4张图片

6、自此,网站就开始自动刷新了

一点补充

with(document)作用域内,注释“此处输入执行的代码”可补充一些自己想要执行的代码,例如

【实用小脚本】JS自动刷新页面_第5张图片

后记

后续还会继续带来更多有趣实用的程序代码,点个关注不迷路!!!

你可能感兴趣的:(JavaScript,javascript,前端,chrome)