【心得3】09/28

今天上半堂課老師開了數個同學寫作業的例子，看到了很多不同的想法，有助於啟發不同的邏輯思考，印象最深刻的是用「餘數」的寫法，是老師上次提示的寫法，很簡潔又有效率。

function myfunction(x) {

    i = (i + x + cars.length) % cars.length;

    document.getElementById("demo").innerHTML = '<img src="' + cars[i] + ' " height=300px" alt="Seal">'

    }

自己的寫法是將「next」與「prev」個用一個函數控制。

function next() {

    i++;

    if (i == cars.length) {

    i = cars.length - 1;

    }

    document.getElementById("demo").innerHTML = '<img src="' + cars[i] + ' " height=300px" alt="Seal">'

    }

    function pre() {

    i--;

    if (i < 0) {

    i = 0;

    }

    document.getElementById("demo").innerHTML = '<img src="' + cars[i] + ' " height=300px" alt="Seal">'

    }

接著開始學習使用語法「setInterval()」、「clearInterval() 」，覺得有點抽象，看完網站上的範例我還是不太能知道怎麼使用它們，後來則了解到「setInterval()」是每幾毫秒呼叫一次，毫秒為0.001秒；「clearInterval() 」則是取消程式碼的執行。

使用這兩個語法，寫出自動撥放的「play」鍵，跟停止的「stop」鍵

設置一個全域變數myVar，當其為空(null)時，代表不是第一次執行此程式，要清空前執行程式，以免重複按play後，圖片撥放速度受到影響。

function play() 

    if (myVar != null) clearInterval(myVar);

    myVar = setInterval(autosliding, 1000);

    }

將被執行的myVar清空，已停止程式。

function stop() {

    clearInterval(myVar);

    }

希望下周能更靈活、進階使用這兩種語法！