Javascript 图片闪烁

最新推荐文章于 2020-12-24 11:46:48 发布

原创最新推荐文章于 2020-12-24 11:46:48 发布 · 743 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

41 篇文章

订阅专栏

本文提供了一个简单的网页示例，展示了如何使用 JavaScript 实现 Audrey Hepburn 的图片在显示 5 秒后自动隐藏的效果。通过设置定时器来控制图片的显示与隐藏，适用于初学者学习 JavaScript 和 DOM 操作。

<!DOCTYPE html>
<html>
	<head>
		<title>Heburn显示5秒之后,自动消失</title>
		<meta charset="utf-8" />
	</head>
	<body>
		<!--首先得把Audry Heburn展示出来-->
		<div><img src="ah.jpg" /></div>
	</body>
	<script>
		
		var timer = setInterval(function(){
			//获取到照片到相关信息
			var pic = document.getElementsByTagName('div')[0];
			
			if (timer == null) {
			
				pic.style.display = 'block';
				//alert(timer);
				timer = 1;
				
			} else {
			
				pic.style.display = 'none';
				//alert(timer);
				timer = null;
				
			}
			
		},1000);
	</script>
</html>