1.请编写一个div元素,点击之后不断的自动增长宽度和高度,每次加1像素,让其最终等于整个屏幕宽度和高度为止
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*{
margin: 0;padding: 0;
}
#myDiv{
width: 100px;height: 100px;
background: black;
}
</style>
</head>
<body>
<div id="myDiv"></div>
<script>
var myDiv=document.getElementById("myDiv");
var width=100,height=100;
var timer=null;//设置定时器为空
myDiv.onclick=function(){
clearInterval(timer);//清除定时器,防止开多个定时器
timer=setInterval(function(){
if(width==innerWidth){//innerWidth屏幕宽度
}
else{
width=width+1;
}
if(height==innerHeight){
}
else{
height=height+1;
}
myDiv.style.height=height+'px';//不要忘记加上px
myDiv.style.width=width+'px';
},3);
}
</script>
</body>
</html>