如何使用DOM和JavaScript在3個不同級別的游戲之間切換？ 例如，容易，中等和困難

Question

我正在嘗試使用DOM和JavaScript制作一個簡單的游戲，在這個游戲中，我有3個不同的層次：簡單，中等和困難。 默認情況下，頁面加載時將使用輕松級別！ 但我希望能夠使用javascript在3個不同級別之間切換！

可以使用javascript cookie會話來執行此操作，因此單擊按鈕時將使用/激活特定功能，然后使用該功能，直到用戶單擊另一個按鈕（例如中等級別）為止。

例如：

function easylevel() {
}

function mediumlevel() {
}

function hardlevel() {
}

因此，可以通過單擊按鈕來激活上述任何功能並將其存儲到cookie會話中，例如：

<input type="button" onclick="easylevel()" value="Easy Level" />
<input type="button" onclick="mediumlevel()" value="Medium Level" />
<input type="button" onclick="hardlevel()" value="Hard Level" />

我已經嘗試過了，但是沒有用，有人可以向我解釋我要去哪里了！ 我200％確信自己錯了，因為我對JS不太了解，因此請務必提供幫助和建議！

Answer 1

如果您想要重復調用一個函數，則可以使用setInterval

<script>
var intervalInMilliseconds = 1000; // change this to watever value you like
var activeInterval = undefined;
function startEasyLevel() {
    if (activeInterval) {
         clearInterval(activeInterval);
    }
    activeInterval = setInterval(easylevel, intervalInMilliseconds);
}
function startMediumLevel() {
    if (activeInterval) {
         clearInterval(activeInterval);
    }
    activeInterval = setInterval(mediumlevel, intervalInMilliseconds);
}
function startHardLevel() {
    if (activeInterval) {
         clearInterval(activeInterval);
    }
    activeInterval = setInterval(hardlevel, intervalInMilliseconds);
}
</script>

<input type="button" onclick="startEasyLevel()" value="Easy Level" />
<input type="button" onclick="startMediumLevel()" value="Medium Level" />
<input type="button" onclick="startHardLevel()" value="Hard Level" />

加上當前的水平功能，它應該每秒調用一次該功能。 一旦您單擊其中一個按鈕，它將停止調用當前級別的功能，並繼續調用與單擊的按鈕關聯的功能。

如果要默認加載某個級別，則可以使用window元素的onload事件：

window.onload = startEasyLevel;