Maison  >  Article  >  interface Web  >  Comment fermer régulièrement des divs en JavaScript

Comment fermer régulièrement des divs en JavaScript

藏色散人
藏色散人original
2021-10-18 14:05:302273parcourir

Comment implémenter la fermeture temporelle d'un div à l'aide de JavaScript : 1. Ouvrez le fichier de code frontal correspondant ; 2. Utilisez "onLoad=setTimeout("abc.style.display='none'",5000)" pour fermer automatiquement le Invite de couche DIV à une heure programmée. Encadrez-la simplement.

Comment fermer régulièrement des divs en JavaScript

L'environnement d'exploitation de cet article : système windows7, javascript version 1.8.5, ordinateur DELL G3

Comment fermer régulièrement des divs avec JavaScript ?

Méthode JS pour fermer automatiquement la boîte d'invite de couche DIV à une heure programmée

Ici, JS est utilisé pour définir l'heure pour contrôler si la couche DIV avec l'ID spécifié est affichée. Vous pouvez implémenter une boîte d'invite de fermeture automatique. Lorsque le temps sera écoulé, elle sera immédiatement fermée. Pour rendre votre page Web plus conviviale, le code est en réalité plus simple que vous ne le pensez, une seule ligne de code.

<title>自动关闭的DIV层</title>
<body onLoad=setTimeout("abc.style.display=&#39;none&#39;",5000)>
<div id="abc" style="background:yellow;padding:20px;
position:absolute; left:92px; top:38px;
width:200px; height:169px; z-index:1">
友情提示:本层5秒后会消失!
</div>

Apprentissage recommandé : "Tutoriel sur les bases de JavaScript"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn