实例描述
有一些具有实效特点的网页,譬如股票价格,外汇牌价等,有这样的客户需求:定时自动刷新网页,把最新数据展示给客户,那么这样的效果如何实现呢?
javaScript 里有一个 reload() 函数可以实现这样的效果;
实现代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>自动刷新页面</title>
</head>
<body>
<p>网页自动刷新中</p>
<script>
//刷新页面的函数
function fresh() {
window.location.reload()
}
//设置10秒钟刷新一次
setTimeout('fresh()', 10000);
</script>
</body>
</html>
难点剖析
reload() 函数的作用是让浏览器刷新当前的网页,
其次网页的自动刷新离不开一个定时器,也就是 setTimeout() 函数,这个函数属于window对象,它也是顶级对象,所以直接写函数名称就能被调用(不需要写成window.setTimeout()).
setTimeout() 函数包含了2个参数:第一个是执行的代码,第二个是间隔的时间,单位为毫秒;
其他说明
在网页的头部标签中加入这样的代码,也可以实现相同的功能
//每隔5s刷新一次页面
<meta http-equiv="refresh" content="5">