前端开发 内容:6

JS网站广告按天或时间循环自动切换显示

  • 查看作者
  • 用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>

    请登录之后再进行评论

    登录
    最新评论