這不是硬件,而是來自我用來嘗試學習Javascript的編碼書的挑戰。使用jQuery進行標題移動時的問題
挑戰是讓標題向左移動200px,然後移動200px,向左移動200px,然後移動200px。我嘗試了多種方式,但是出現錯誤或跳躍或者無法減少。我已經把我知道我需要在這裏做的基本輪廓(這只是對角線)。我感謝任何幫助!
感謝,
丹尼爾
<!DOCTYPE html>
<html>
<head>
<title>Interactive programming</title>
</head>
<body>
<h1 id="heading">Hello world!</h1>
<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script>
var leftOffset = 0;
var moveDown=0
var moveHeading = function() {
if(leftOffset<=200){
$("#heading").offset({ left: leftOffset });
leftOffset++;
}
};
var moveHeadingDown= function(){
if(moveDown<=200){
$("#heading").offset({ top: moveDown });
moveDown++;
}
};
var moveHeadingLeft= function(){
if (leftOffset===200){
$("#heading").offset({ left: leftOffset });
leftOffset--;
}
};
var moveHeadingUp= function(){
if (moveDown===200){
$("#heading").offset({ top: moveDown });
moveDown--;
}
}
setInterval(moveHeading, 30);
setInterval(moveHeadingDown, 30);
setInterval(moveHeadingLeft, 30);
setInterval(moveHeadingUp, 30);
</script>
</body>
</html>
該片段不起作用。 – SLePort
謝謝Stefan!不幸的是,我正在使用setInterval方法來做這件事,因爲這是本書的挑戰。你有什麼建議如何用setInterval做到這一點? –