当前位置：Gxlcms > JavaScript > 一段时间以后切换显示的广告代码原创

一段时间以后切换显示的广告代码原创

时间：2021-07-01 10:21:17 帮助过：1人阅读

先显示广告a，一段时间以后显示广告代码b，然后就一直显示广告b
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>一段时间以后切换的广告显示代码</title> </head> <body> a部分内容 b部分内容 <script> var s=5000; //5000毫秒就是5秒 function showb(){ document.getElementById('a').style.display='none'; document.getElementById('b').style.display='block'; } window.setInterval("showb()",s) </script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
下面是先显示广告a，一段时间以后显示广告代码b，然后来回切换广告a与广告b。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>一段时间以后切换显示广告的代码</title> </head> <body> a部分内容 b部分内容 <script> var s=5000; //5000毫秒就是5秒 var nowad="a"; function showb(){ if (nowad=="a"){ document.getElementById('a').style.display='none'; document.getElementById('b').style.display='block'; nowad="b"; }else{ document.getElementById('a').style.display='block'; document.getElementById('b').style.display='none'; nowad="a"; } window.setTimeout("showb()",s) } window.setTimeout("showb()",s) </script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
其实主要是思路，代码比较简单，主要是用了setTimeout函数。
JavaScript window.setTimeout() 的详细用法
//www.gxlcms.com/article/20741.htm

一段时间以后切换显示的广告代码 原创

人气教程排行

一段时间以后切换显示的广告代码原创