Cet article décrit la méthode de JS pour bloquer automatiquement la couche DIV en 5 secondes. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<adal>
<Title> JS met en œuvre le blocage automatique de la couche div en 5 secondes </Title>
<style type = "text / css">
<! -
#SponsorAdDiv {position: Absolute; hauteur: 1; Largeur: 1; en haut: 0; à gauche: 0;}
->
</ style>
</ head>
<body>
<Script linguisse = "javascript1.2">
adme = 5; // l'heure attendue de la fenêtre
ChanceAl = 1;
var ns = (document.layers);
var ie = (document.all);
var w3 = (document.getElementById &&! ie);
AdCount = 0;
fonction initad () {
if (! ns &&! ie &&! w3) return;
if (ie) addiv = eval ('document.all.sponsoraddiv.style');
else if (ns) adddiv = evaling ('document.layers ["sponsoraddiv"]');
else if (w3) addiv = eval ('document.getElementById ("sponsoraddiv"). style');
randad = math.ceil (math.random () * hancead);
if (ie || w3)
addiv.visibilité = "visible";
autre
addiv.visibilité = "show";
if (randad == 1) showad ();
}
fonction 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 ();
}
fonction closead () {
if (ie || w3)
addiv.display = "Aucun";
autre
addiv.visibilité = "masquer";
}
onload = initAd;
</cript>
<div id = "sponsoraddiv" style = "visibilité: cachée">
<table bgcolor = "008000"> <tr> <td>
<table bgcolor = "f0fff0"> <tr> <td>
<Ne centre> Bienvenue sur www.csrcode.cn! <br> <br> Cette fenêtre sera automatiquement bloquée en 5 secondes </ centre>
</td> </ tr> </s table> </td> </tr> </s table> </div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.