匀速运动升级
Posted lxystar
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了匀速运动升级相关的知识，希望对你有一定的参考价值。
js匀速运动
<style>
* {
margin: 0;
padding: 0;
}
.box {
width: 100px;
height: 100px;
background-color: pink;
position: absolute;
left: 0;
top: 100px;
}
</style>
</head>
<body>
<button id="btn">move-></button>
<button id="btn_left">move<-</button>
<div class="box"></div>
<script>
// 单击按钮 让div匀速运动到500px停止
var btn = document.getElementById("btn");
var btn_left = document.getElementById("btn_left");
var oDiv = document.querySelector("div");
var timer=null;
var num=0;
btn.onclick=function(){
clearInterval(timer)
timer=setInterval(function(){
startMove(1000,5)
},20)
}
btn_left.onclick=function(){
clearInterval(timer)
timer=setInterval(function(){
startMove(0,-5)
},20)
}
function startMove(target,speed){
num+=speed;
if(oDiv.offsetLeft===target){
clearInterval(timer)
}else{
oDiv.style.left=num+"px";
}
}
</script> 以上是关于匀速运动升级的主要内容，如果未能解决你的问题，请参考以下文章
在android studio中升级repo v9后，片段必须是公共静态类崩溃错误
我升级到 Android Studio 2.3.3，一个旧的、无错误的程序现在给出错误：“片段应该是静态的......”