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

先显示广告a，一段时间以后显示广告代码b，然后就一直显示广告b

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

a部分内容

b部分内容

var s=5000; //5000毫秒就是5秒
function showb(){
document.getElementById('a').style.display='none';
document.getElementById('b').style.display='block';
}
window.setInterval("showb()",s)

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

下面是先显示广告a，一段时间以后显示广告代码b，然后来回切换广告a与广告b。

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

a部分内容

b部分内容

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)

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

其实主要是思路，代码比较简单，主要是用了setTimeout函数。
JavaScript window.setTimeout() 的详细用法
http://www.jb51.net/article/20741.htm

赞 (0)

相关推荐

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

    先显示广告a,一段时间以后显示广告代码b,然后就一直显示广告b 一段时间以后切换的广告显示代码 a部分内容 b部分内容 var s=5000; //5000毫秒就是5秒 function showb(){ document.getElementById('a').style.display='none'; document.getElementById('b').style.display='block'; } window.setInterval("showb()",s) [Ctrl

  • 文字瞬间从左到右切换显示的JavaScript代码

    文字瞬间从左到右显示的JS var newslist=new Array(); var cnt=0; var curr = ""; var i=-1; newslist[0]=new Array("欢迎光临我们者","") newslist[1]=new Array("我们更讲究代码质量","") newslist[2]=new Array("欢迎下次再来","")

  • 站长必须要知道的javascript广告代码 原创

    参考了sina的代码,想出来的一个代码,请大家使用,不要传播,转载请注明:来自我们<!-- //时间计算 var showit=false; var today=new Date(); var urlpath; function testdate() { urlpath='http://www.scripthome.net/bbs';showit=true if(today.getHours()>='10' && today.getHours()<'12') {    

  • PHP得到某段时间区间的时间戳 php定时任务

    这两天要实现这样功能: 当达到某一条件时,让服务器发短信给用户,数量为多条. 基本思路:linux 定时扫描,若有满足条件的用户,则发送短信. 但为了防止打扰到用户,要求只能在白天8:00-20:00发送短信,怎么样获得到每天的这段时间区间? 请看 复制代码 代码如下: $y=date("Y",time()); $m=date("m",time()); $d=date("d",time()); $start_time = mktime(9, 0,

  • jQuery实现文本显示一段时间后隐藏的方法分析

    本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法.分享给大家供大家参考,具体如下: 点击button时,提示信息显示,8秒后,信息隐藏. <input id="place_order" name="place_order" type="submit" /> <div class="after_submit_remind" style="display: none;"> 请耐

  • jQuery 监控键盘一段时间没输入

    监控一段时间没输入可用于简单的输入完成 上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题,其中核心的判断标准是输入完成的定义. 即:用户怎么算输入完成. 我使用的标准是,当一个文本框中,里面的内容1秒钟无变化,则表示用户1秒钟内无输入,说明用户是已经输入完成,再等待返回数据了.那么jQuery如何实现判断1秒内无输入呢. <!DOCTYPE html> <html> <head> <script src="http://apps.b

  • javascript 定时广告显示(两个时间段) 原创

    javascript 定时广告显示(两个时间段) 原创

    function strToDate(str,ext){ if(str==null || str=='') return; var arys = new Array(); arys = str.split('-'); var newDate = new Date(arys[0],arys[1]-1,arys[2],9,0,0); if(ext){ newDate = new Date(newDate.getTime()+1000*60*60*24); } return newDate; } fu

  • jQuery实现每隔一段时间自动更换样式的方法分析

    jQuery实现每隔一段时间自动更换样式的方法分析

    本文实例讲述了jQuery实现每隔一段时间自动更换样式的方法.分享给大家供大家参考,具体如下: js核心代码部分: $(document).ready(function(){ // 皮肤列表选项切换 $(".ulSkin li").click(function(){ $(this).addClass("active").siblings("li").removeClass("active"); }); }); // 皮肤背景切

  • JS实现点击循环切换显示内容的方法

    JS实现点击循环切换显示内容的方法

    本文实例讲述了JS实现点击循环切换显示内容的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 点击循环切换内容</title> <style> a { cursor: pointer; colo

  • JS实现点击链接切换显示隐藏内容的方法

    JS实现点击链接切换显示隐藏内容的方法

    本文实例讲述了JS实现点击链接切换显示隐藏内容的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 点击链接切换显示隐藏内容</title> <style> a { cursor: pointer

随机推荐