快捷導(dǎo)航

JavaScript實(shí)現(xiàn)彈出廣告功能

更新時(shí)間：2017年03月30日 09:08:46 作者：moon-start

本文通過(guò)實(shí)例代碼給大家分享javascript實(shí)現(xiàn)彈出廣告功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧

廢話不多說(shuō)了，直接給大家貼代碼了，具體代碼如下所示：

<span style="white-space:pre"> </span>var i=0;//記錄次數(shù) 
  var timer;//定時(shí)器id 
  //設(shè)置彈出廣告 
  onload=function(){ 
  //間隔四秒展示一次廣告 
  timer = setInterval(showAd,4000);   
  } 
  //展示2秒以后隱藏廣告的方法 
  function showAd(){ 
    i++;//展示的次數(shù)加1 
    //若i等于3清空由setInterval設(shè)置的定時(shí)器 
    if(i==3){ 
      clearInterval(timer); 
    } 
    //1.獲取廣告 
    var divObj = document.getElementById("ad"); 
    //2，修改廣告的樣式 
    divObj.style.display="block"; 
    //兩秒之后隱藏 
    setTimeout(hiddAd,2000); 
  } 
  //隱藏廣告 
  function hiddAd(){ 
    var divObj = document.getElementById("ad"); 
    divObj.style.display="none"; 
  }

以上所述是小編給大家介紹的JavaScript實(shí)現(xiàn)彈出廣告功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

用JavaScript實(shí)現(xiàn)輪播圖效果
這篇文章為大家詳細(xì)主要介紹了用JavaScript實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
純javascript實(shí)現(xiàn)分頁(yè)(兩種方法)
有的時(shí)候頁(yè)面需要很多不同的表組成的數(shù)據(jù)，該怎么分頁(yè)呢？使用數(shù)據(jù)庫(kù)分頁(yè)很簡(jiǎn)單，那么如何使用js實(shí)現(xiàn)分頁(yè)呢？接下來(lái)，小編幫大家解決這個(gè)問(wèn)題，需要的朋友一起來(lái)學(xué)習(xí)吧
2015-08-08
js判斷兩個(gè)日期是否相等的方法
大家一定遇到過(guò)這樣的情況，有兩個(gè)日期對(duì)象，然后需要判斷他們是否相等，下面來(lái)說(shuō)下判斷的方法
2013-09-09
簡(jiǎn)單了解JavaScript彈窗實(shí)現(xiàn)代碼
這篇文章主要介紹了簡(jiǎn)單了解JavaScript彈窗實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
動(dòng)態(tài)調(diào)用CSS文件的JS代碼
動(dòng)態(tài)調(diào)用CSS文件，一般用于頁(yè)面的多種顏色選擇，通過(guò)調(diào)用不同的css實(shí)現(xiàn)不用的頁(yè)面顏色效果。
2010-07-07
BootstrapValidator實(shí)現(xiàn)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了BootstrapValidator實(shí)現(xiàn)表單驗(yàn)證功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
js前端獲取用戶位置及ip屬地信息
這篇文章主要為大家介紹了js前端獲取用戶位置及ip屬地信息示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
javascript實(shí)現(xiàn)文字無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)文字無(wú)縫滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
13個(gè)PHP函數(shù)超實(shí)用
這篇文章為大家整理了13個(gè)PHP函數(shù)超實(shí)用，函數(shù)是PHP如此強(qiáng)大的源泉，但是很多PHP函數(shù)并沒(méi)有得到充分的利用，本文的13個(gè)PHP函數(shù)大家一定要真正掌握。
2015-10-10
比較簡(jiǎn)單的異步加載JS文件的代碼
異步加載JS文件的實(shí)現(xiàn)函數(shù)代碼。
2009-07-07