問題：“myMove()”方法有什么作用？你能解釋一下嗎？
#myContainer { 寬度：400px; 高度：400px；位置：相對；背景：黃色；} #myAnimation { 寬度：50px; 高度：50px；位置：絕對；背景顏色：紅色；}
點擊我
function myMove() { var elem = document.getElementById("myAnimation"); 變數位置 = 0; var id = setInterval(frame, 10); function frame() { if (pos == 350) { clearInterval(id); }其他{位置 ; elem.style.top = pos 'px'; elem.style.left = pos 'px'; } } }uj5u.com熱心網友回復：
快速說明：在這個答案中，我假設最后一個問題是：
What does the `myMove()` method do?
我們先來看看變數：
var elem = document.getElementById("myAnimation");
var pos = 0;
var id = setInterval(frame, 10);
該變數elem指的是在畫布上移動的紅色框（一個 div 元素）。我們將postick 變數設定為0，這將控制我們將在螢屏上移動框的次數。最后，id參考一個setInterval函式，它frame每 10 毫秒呼叫一次定義的函式。
現在讓我們看看函式frame：
function frame() {
if (pos == 350) {
clearInterval(id);
} else {
pos ;
elem.style.top = pos 'px';
elem.style.left = pos 'px';
}
}
首先，它運行快速檢查以查看刻度是否完成，或者換句話說，檢查位置是否為 350。然后，如果是，則停止回圈。如果不是，它通過設定從頂部到pos變數的位置使框向下移動 1 個像素。
所有這些代碼都包含在myMove()函式中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/353711.html
標籤：javascript html css
上一篇：使用承諾從localStorageasync檢索時出錯
下一篇：來自嵌套物件陣列的連接字串