JavaScript定时器基础用法1

最新推荐文章于 2020-12-10 12:20:32 发布

Lvdon9

最新推荐文章于 2020-12-10 12:20:32 发布

阅读量152

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37995109/article/details/85729627

版权

JavaScript 专栏收录该内容

106 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>无标题文档</title>
		<style>
			body{
				background: url(img/sina.jpg)no-repeat center 0;text-align: center;
			}
			#miaov{
				display: none;
			}
		</style>
	</head>

	<body>
		<img id="miaov" src="img/miaov.jpg" />
	</body>
	<script>
	/*定时器*
	 * var timer=setTimeout(函数,毫秒);//只执行一次
	 * clearTimeout(timer);
	 */
	//2秒显示,3秒关闭
	window.onload=function(){
		var Miaov=document.getElementById('miaov');
		setTimeout(function(){
			miaov.style.display='inline-block'
			//关闭定时器
			setTimeout(function(){
				miaov.style.display='none'
			},3000)
		},2000);
	}
	</script>

</html>