菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
203
0

css js setInterval

原创
05/13 14:22
阅读数 49403

<!DOCTYPE HTML>
<html>
<head>
<style>
#div{
background-color: red;
width:10px;
height:10px;
position:absolute;
}
</style>
</head>
<body>
</body>
<script type="text/javascript" charset="utf-8">
window.onload=function(){
var div=document.createElement("div");
document.body.appendChild(div);
div.id="div";
var x=10,vx =Math.random()*4-2;
var y=10,vy=Math.random()*4-2;
setInterval(function(){
if(x <0||x>300){
vx*=-1;}
if(y <0||y>300){
vy*=-1;
}
x+=vx;
y+=vy;
div.style.left=x+"px";
div.style.top=y+"px";
},17)
}
</script>
</html>

发表评论

0/200
203 点赞
0 评论
收藏
为你推荐 换一批