JavaScriptによる等速運動と可変速（バッファリング）運動の詳しい紹介_基礎知識

var timer=null;
function startMove()
{

var oDiv=document.getElementById('div1');
clearInterval(timer); 🎜>timer =setInterval(function () {
var iSpeed=1;

if(oDiv.offsetLeft>=300)
{
clearInterval(timer);
}
else
{
oDiv.style.left=oDiv.offsetLeft iSpeed
}
},30); 🎜>

バッファの移動:

var iTarget=300;

var oDiv=document.getElementById('div1');

clearInterval(timer);
timer=setInterval(function () {
var iSpeed=(iTarget-oDiv.offsetLeft)/8;

iSpeed=iSpeed>0? Math.ceil(iSpeed):Math .floor(iSpeed);

iSpeed=Math.ceil(iSpeed);
if(oDiv.offsetLeft==iTarget)
{
clearInterval(タイマー);
}
else
{
oDiv.style.left=oDiv.offsetLeft iSpeed 'px';
}
document.title=oDiv.style.left ' ' iSpeed;
},30 );


このようにしてモーションフレームワークが記述されます。原理は単純ですが、まだ完成させる必要があります。ゆっくりしてください！