欢迎来到飞鸟慕鱼博客,开始您的技术之旅!
当前位置: 首页前端设计正文

js html自动刷新页面的方法

墨初 前端设计 3088阅读

昨天水了一篇关于 JS 刷新页面的方法,今天阅读时发现少写了一些小知识点,那么就再水一篇关于 JS 与 html 如何自动刷新页面的方法的教程。

js 自动刷新页面的的方法示例

我们可以利用 JS 中 setTimeout() 方法来实现定时的功能,只需要对这个函数添加一个调用的函数和时间段即可!

js 代码

<script>
function refresh(){
    window.location.reload();
}
setTimeout('refresh()',1000); //这里的时间单位是毫秒,1000 表示 1秒
</script>

js setTimeout() 方法简单介绍

setTimeout():window 的一个方法,用于在指定毫秒后调用指定的函数或一些逻辑!

调用方法:

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

例:

setTimeout("alert('对不起, 要你久候')", 3000 )

PS:html 中 自动刷新页面的方法

1,在 html 文档中的 haed 头中添加以下的代码!

<!--当前页面20页刷新一次-->
<meta http-equiv="refresh" content="20">

2、如果想在指定的时间后跳转另外的网站,则可以在 head 标签中写入下面的代码

<!--网站30秒后跳转到飞鸟慕鱼博客-->
<meta http-equiv="refresh" content="30;url=//www.feiniaomy.com">
声明:无特别说明,转载请标明本文来源!