JS實(shí)現(xiàn)5秒鐘自動封鎖div層的方法
更新時間：2015年02月20日 11:07:05 作者：代碼家園
這篇文章主要介紹了JS實(shí)現(xiàn)5秒鐘自動封鎖div層的方法,涉及javascript針對div層操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)5秒鐘自動封鎖div層的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>JS實(shí)現(xiàn)5秒鐘自動封鎖div層</title>
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript1.2">
adTime=5; //封鎖窗口期待的時間
chanceAd=1;
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;
function initAd(){
if(!ns && !ie && !w3) return;
if(ie) adDiv=eval('document.all.sponsorAdDiv.style');
else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
randAd=Math.ceil(Math.random()*chanceAd);
if (ie||w3)
adDiv.visibility="visible";
else
adDiv.visibility ="show";
if(randAd==1) showAd();
}
function showAd(){
if(adCount<adTime*10){adCount+=1;
if (ie){documentWidth =document.body.offsetWidth/2+document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
</script>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="008000"><tr><td>
<table width="445" height="345" bgcolor="F0FFF0"><tr><td>
<center>welcome to www.CsrCode.cn!<BR><BR>這個窗口將在5秒后自動封鎖</center>
</td></tr></table></td></tr></table></div>
</body>
</html>
<head>
<title>JS實(shí)現(xiàn)5秒鐘自動封鎖div層</title>
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript1.2">
adTime=5; //封鎖窗口期待的時間
chanceAd=1;
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;
function initAd(){
if(!ns && !ie && !w3) return;
if(ie) adDiv=eval('document.all.sponsorAdDiv.style');
else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
randAd=Math.ceil(Math.random()*chanceAd);
if (ie||w3)
adDiv.visibility="visible";
else
adDiv.visibility ="show";
if(randAd==1) showAd();
}
function showAd(){
if(adCount<adTime*10){adCount+=1;
if (ie){documentWidth =document.body.offsetWidth/2+document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
</script>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="008000"><tr><td>
<table width="445" height="345" bgcolor="F0FFF0"><tr><td>
<center>welcome to www.CsrCode.cn!<BR><BR>這個窗口將在5秒后自動封鎖</center>
</td></tr></table></td></tr></table></div>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
![[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼](http://img.jbzj.com/images/xgimg/bcimg0.png)
[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼
這篇文章主要介紹了[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼,非常具有實(shí)用價值，需要的朋友可以參考下。2016-12-12
下面小編就為大家?guī)硪黄獪\談webpack下的AOP式無侵入注入。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
本文主要介紹了typescript 類型any不能分配給類型never，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
Bootstrap基本樣式學(xué)習(xí)筆記之表格(2)
Bootstrap提供了一個清晰的創(chuàng)建表格的布局，這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之表格基本樣式的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
移動端a標(biāo)簽下載文件重命名(download)不生效解決辦法
在移動端使用a標(biāo)簽下載文件時,文件重命名可能不生效,尤其是在APP內(nèi)嵌頁面中,這通常是因?yàn)榭缬騿栴}導(dǎo)致的,文中將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
JavaScript限制在客戶區(qū)可見范圍的拖拽(解決scrollLeft和scrollTop的問題)（2）
這篇文章主要介紹了JavaScript限制在客戶區(qū)可見范圍的拖拽，解決scrollLeft和scrollTop的問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要給大家介紹了關(guān)于JS算法題之查找數(shù)字在數(shù)組中的索引位置的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章中列出了一個系列的 30 個 JavaScript 單行代碼,它們在使用 vanilla js（≥ ES6）進(jìn)行開發(fā)時非常有用,它們也是使用該語言在最新版本中為我們提供的所有功能來解決問題的優(yōu)雅方式,將它們分為以下5大類：日期、字符串、數(shù)字、數(shù)組、工具2023-08-08
bootstrap daterangepicker雙日歷時間段選擇控件詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap daterangepicker雙日歷時間段選擇控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
很多同學(xué)在面試的時候都會被要求手寫一個Promise,那么今天我總結(jié)了一些手寫Promise的方法，可以跟著我的思路一起來實(shí)現(xiàn)一個Promise,讓我們的面試更有把握2023-02-02