JS实现单张图片闪烁效果

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

[北海以北]

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

阅读量1.2k

点赞数 2

文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_44530087/article/details/106500789

版权

JS实现单张图片闪烁效果

JS实现图片闪烁效果，实际上就是让图片隐藏，显示，设置时间间隔，循环多次

<img src="img/eat1.jpg" id="img" width="600px"/>
		
<script type="text/javascript">
	function getImg(){
		var imgId = document.getElementById("img");
		if(imgId.style.display=="none"){//图片隐藏
			imgId.style.display="block";//图片显示
		}else{
			imgId.style.display="none";//图片隐藏
		}
	}
    /*每隔0.5秒显示一次*/
	setInterval("getImg()",500);
</script>