L'exemple de cet article décrit comment implémenter le masquage et l'affichage temporels des images à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
JavaScript est utilisé ici pour masquer et afficher les images à intervalles réguliers. L'image sera automatiquement affichée ou masquée après quelques secondes. Vous pouvez définir vous-même le nombre de secondes dans l'extrait de code JavaScript.
L'effet de l'opération est comme indiqué ci-dessous :
Le code spécifique est le suivant :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>定时隐藏图片</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
var sec=10;
var timer;
function hidepic()
{
sec--;
if (sec==0){
textfield.value = "图片被隐藏";
soccer.style.visibility =(soccer.style.visibility == "hidden") ? "visible" : "hidden";
}
else{
textfield.value = "图片会在 "+sec+" 秒后隐藏";
setTimeout("hidepic()",1000);
}
}
</SCRIPT>
<body onLoad = "hidepic();">
<center>
<input name="textfield" type="text" size="20"> <br>
<DIV ID="soccer" STYLE="position:absolute; left:333px; top:43px">
<img border="0" src="http://www.jb51.net/images/logo.gif" >
</DIV>
</center>
</body>
</html>J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
