网页打开5秒后弹出广告窗口

时间：2022-10-10 00:28:41

广告是网站不可避免的话题，没有广告的话，大多数网站是无法生存的。但是，若用户每次一打开网站就弹出广告窗口，这样会影响网站的友好性。

现介绍一种广告被延迟加载的方式–setTimeout()。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页被打开5秒以后弹出广告窗口</title>
<script type="text/javascript">
function init(){
 setTimeout(function(){
//open一个新窗口
 window.open('./a.html',"广告标题","width=200,height=200,border0");
 },5000);
 }
</script>
</head>
<body style="text-align:center" onload="init()">
<h2>广告窗口将5秒后打开</h2>
</body>
</html>

运行效果

网页打开5秒后弹出广告窗口

解析：

任何弹出窗口的打开都离不开open()函数。只是本例的效果要求只能在5秒以后才可以打开弹出窗口，所以，这里就需要使用到定时器功能。
标签：

相关文章