博客列表 >让小球移动和停止

让小球移动和停止

King的博客
King的博客原创
2019年02月16日 11:54:11737浏览

实例

<html>
<head>
</head>
<body>
<style>
#ball{background:red;border-radius:50%;width:100px;height:100px;margin:10px;position:absolute}
</style>
<div id="ball"></div>
<button onclick="move()">移动</button>
<button onclick="stop()">停止</button>
<script>

 var aa = setInterval(function(){ move() },500)
 // var aa = setInterval(move,500)
function move(){

var ball= document.getElementById('ball')
ball.style.left = ball.offsetLeft + 100 +"px"
}
 
function stop(){
clearInterval(aa);
} 

</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议