Maison > Questions et réponses > le corps du texte
Cette fonction permet de créer un effet d'animation :
function moveElement(elementId,final_x,final_y,interval){
// 名称 id x轴位置 y轴位置 速度
var elem=document.getElementById(elementId);
var x_pos=parseInt(elem.style.left);
var y_pos=parseInt(elem.style.top);
if(elem.movement){
clearTimeout(elem.movement);
} //若elem已存在一个movement属性,先结束它
if(y_pos==final_y&&x_pos==final_x){
return true;
}
if(y_pos<final_y){
dist=Math.ceil((final_y-y_pos)/30);//每运动一次的数值
y_pos=y_pos+dist;
}
if(y_pos>final_y){
dist=Math.ceil((y_pos-final_y)/30);
y_pos=y_pos-dist;
}
if(x_pos<final_x){
dist=Math.ceil((final_x-x_pos)/30);
x_pos=x_pos+dist;
}
if(x_pos>final_x){
dist=Math.ceil((x_pos-final_x)/30);
x_pos=x_pos-dist;
}
elem.style.top=y_pos+"px";
elem.style.left=x_pos+"px";
repeat="moveElement('"+elementId+"',"+final_x+","+final_y+","+interval+")"
elem.movement=setTimeout(repeat,interval)
// 自定义的属性movement,它属于elem
}
À propos de la dernière phrase elem.movement=setTimeout(repeat,interval)
et de la phrase ci-dessus if(elem.movement){
clearTimeout(elem.movement);
}
Je sais que leur fonction est de mettre fin à la fonction qui a été exécutée la dernière fois lorsqu'elle est à nouveau exécutée, mais pourquoi signale-t-elle une erreur lors de l'écriture directe de move=setTimeout(repeat,interval), alors qu'écrire elem.movement suffit ?
阿神2017-05-19 10:20:30
movement et elem ont une correspondance individuelle.
Si vous l'écrivez comme vous l'écrivez, le mouvement devient une variable globale.