用js可以实现控制网站广告按时间或者按天循环显示,站长们从此可以告别手动模式,提前预设好广告位内容,到期系统自动进行切换广告。
js
var MaxNum = 3
var n=0;
var showNum = document.getElementById("num");
//设置哪个div要显示(根据div 的id)
function plays(value)
{
for(i=0;i<=MaxNum;i++)
{
var divlist = document.getElementById("laohan" + i);
if(divlist == null)//js判断对象是否存在
{
return;
}
else
{
if(i == value)
{
divlist.style.display="block";
}
else
{
divlist.style.display="none";
}
}
}
}
//设置轮换时间 js设置延时
function setAuto(){autoStart=setInterval("auto(n)", 3000)}
//判断div id是否超出最大或者不存在某个对象
function auto()
{
n++;
if(n > MaxNum || document.getElementById("laohan" + n) == null)
{
n = 0;
}
plays(n);
}
//初始运行
setAuto();
PS:数字3000代表切换时间为3秒,把3000改成:1*24*3600 代表1天。
html
<div id="laohan0" style="display:block;">广告内容0</div>
<div id="laohan1" style="display:none;">广告内容1</div>
<div id="laohan2" style="display:none;">广告内容2</div>
<div id="laohan3" style="display:none;">广告内容3</div>
广告插入