制作一个自动刷新的脚本

原创 639 浏览器与脚本 2021-12-07 17:07

先说一说上一个脚本的一些基本知识。

document.body.insertAdjacentHTML("afterbegin","<button id='mn'>按钮</button>");

插入一个叫做：“按钮”的按钮，

    var 按钮=document.getElementById('mn');

获取按钮的id

    按钮.style.position="fixed";

style 属性，fixed位置固定

    按钮.style.right="40px";

距离右侧40px

    按钮.style.top="40px";

距离上面40px

    按钮.style.color = "red";

按钮颜色 红色

    按钮.style.fontSize="50px";

文字大小 50px

    按钮.onclick = function bj(){

点击按钮时运行函数

      var tp='';

定义变量图片tp

        for(var i=0;i<document.images.length;i++){

获取整个网页的图片数量，循环赋予tp

            tp+='<img src='+document.images[i].src+'><br>'

        };

        if(tp!=''){

如果有图片，显示。document.write在函数中使用覆盖整个文档，从而只显示图片。

            document.write('<center>'+tp+'</center>');

            void(document.close())

        }

        else{alert('没有图片')}

    }

这次我们制作一个可以定时刷新的脚本，在刷新按钮的前面添加了一个输入框，可以自定义几分钟刷新一次。主要用到了setTimeout函数和 location.reload()。

setTimeout() 是属于 window 的方法，可以在指定的毫秒数后调用函数，用法是这样的：

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)

接下来我们先来看一个简单的例子：

setTimeout("alert('1000毫秒提醒你一次')", 1000 )；

location.reload()的作用就是刷新当前页面，相当于浏览器的刷新。

代码截图如下：

效果如下：

确定

• 
  

• 不看此公众号