利用JS定时切换,每日或定时轮播图文广告链接,高效展示

利用JS定时切换,每日或定时轮播图文广告链接,高效展示

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2018-12-11 19:54:44
文章简介

利用JavaScript精准控制,实现图片或文字广告按天或时间循环切换,提升广告效果。智能管理,确保广告内容有序展现,满足不同时段推广需求,增强用户体验,提升营销效果。

  • 正文开始
  • 相关阅读
  • 推荐作品

说明:利用style="display:block;"和style="display:none;"(用JS来控制样式显示和不显示)
代码如下:
<script language="javascript" type="text/javascript">
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("NewsPic" + 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)", 2000)}
//判断div id是否超出最大或者不存在某个对象
function auto()
{
n++;
if(n > MaxNum || document.getElementById("NewsPic" + n) == null)
{
   n = 0;
}
plays(n);
}
//初始运行
setAuto();
</script>
<div id="NewsPic0" style="display:block;">div格式自己调,这里放想放的内容0</div>
<div id="NewsPic1" style="display:none;">div格式自己调,这里放想放的内容1</div>
<div id="NewsPic2" style="display:none;">div格式自己调,这里放想放的内容2</div>
<div id="NewsPic3" style="display:none;">div格式自己调,这里放想放的内容3</div>

现在的切换时间为2秒:现在的切换时间为2秒:function setAuto(){autoStart=setInterval("auto(n)", 2000)}
如果换成天::function setAuto(){autoStart=setInterval("auto(n)",  1*24*3600)}
 

关联内容: 广告
JS智能问候,根据时间自动输出早上好、中午好或晚上好
« 上一篇 2018年09月20日
高效定时展示广告的JS技巧,轻松实现不同时段不同广告
下一篇 » 2018年12月11日
  • 高效定时展示广告的JS技巧,轻松实现不同时段不同广告
    2329阅读2条评论46个赞
    轻松实现广告展示优化!我们的JS方法高效简洁,可根据不同时间段智能切换广告内容,提升用户体验与广告效果,助力您的营销活动更上一层楼,轻松吸引目标客户!
  • 【极速实现】对联广告,最少代码搞定!
    4093阅读0条评论89个赞
    无需复杂代码,轻松实现对联广告!我们的对联广告插件,简洁高效,一键部署,即可在网页上展示精美对联。提升用户体验,同时增加广告收益,让你的网页更具商业价值!
  • 自适应模板网站添加广告教程
    6044阅读5条评论109个赞
    关于如何在自适应模板网站中添加广告的教程:首先,选择适合网站风格和目标受众的广告形式;其次,根据广告尺寸调整自适应模板的布局设置,确保广告在不同设备上均能良好展示;接着,将广告代码嵌入指定位置,注意避免影响用户体验;最后,测试网站在不同浏览器和设备上的显示效果,确保广告加载迅速且不影响页面整体美观。简单几步,即可成功在自适应网站中添加广告。
  • 帝国CMS广告JS过滤解决策略一览
    3993阅读3条评论45个赞
    针对帝国CMS广告JS被过滤问题,以下提供几种有效解决方法:检查JS代码是否合规,避免触发过滤机制;尝试使用CDN加速服务,提高JS加载速度;若仍被过滤,可联系网站管理员或服务商协助解决。
  • JS动态展示随机链接图片,轻松实现广告轮播
    1317阅读1条评论11个赞
    网页通过JS实现随机显示广告图片功能,每张图片均附带链接,为用户带来多样化的广告体验。该技术不仅提升了广告展示效果,还增加了用户互动性和点击率,是网页广告展示的优化利器。

如本文对您有帮助,就请墨鱼抽根烟吧!