這里有兩個 JavaScript 項目，只要對 JavaScript 有一個大致的了解，你就可以輕松完成。

　　1.使用顏色選擇器更改背景顏色

　　第一個非常容易制作。因此，該項目是您可以將顏色作為輸入并更改背景顏色，在本例中為body標簽。輸入由顏色選取器通過將標記的 type 屬性設置為“顏色”來獲取。是的，標記有顏色類型。請參閱以下筆。inputinput

　　如您所見，首先，我們定義了一個變量來選擇作為顏色選擇器的標簽(類型屬性設置為“顏色”的標簽會自動創建顏色選擇器)。我們定義它是為了獲取值，作為將來作為輸入給出的顏色。color_pickerinputinput

　　現在，我們將輸入事件偵聽器設置為具有函數的輸入，這意味著每當給定輸入(此處輸入表示標記)時，都會觸發該函數。changecolor()inputchangecolor()

　　現在，讓我們定義函數。首先，我們將采用語句在輸入中選擇的顏色，并將其存儲在變量中。然后，我們通過語句選擇正文標記。基本上獲取所有具有已定義標記名稱的標記并將其存儲到數組中，并且通過使用 之后的 ，我們選擇第一個標記名稱為“body”的標記。由于整個HTML文檔中只有一個“body”標簽，我們可以準確地選擇body標簽，這種方法可能對選擇某個標簽很有用，但該方法的混亂程度較低。現在，為了方便起見，您可以將 存儲在變量中，但這不是強制性的。

changecolor()color_picker.valueselected_colordocument.getElementsByTagName("body")[0]document.getElementsByTagName[0]document.getElementsByTagName("body")document.getElementByIddocument.getElementsByTagName("body")

　　現在，通過 將變量中存儲的所選顏色設置為背景色屬性。這是你的第一個項目。selected_colordocument.getElementsByTagName("body")[0].style.backgroundColor = selected_color;

　　2. 定時器或秒表

　　現在對于第二個項目，它是計時器或秒表。許多程序員發現制作計時器令人生畏和困惑，但相信我，這是一個很容易制作的項目。這個項目的解釋很長，因為如果你沒有足夠的信息，某些事情會讓你擔心。首先，請參閱下面的筆并嘗試理解代碼。

　　首先，您可以按照自己的喜好制作計時器的布局，但要單獨制作每個數字。現在為每個數字提供不同的ID，以便我們可以單獨選擇每個數字。

　　現在，通過該方法將所有數字存儲在變量中，并且還使用該方法將所有數字存儲在變量中。是您用于存儲數字的變量的名稱，您應該使用，因為 返回一個字符串，并且您無法遞增字符串，因此它會將字符串轉換為數字，以便我們可以遞增它。

document.getElementByIdparseFloat(variable_name_of_the_digit.innerHtml)variable_name_of_the_digitparseFloat.innerHtml

　　現在創建一個函數來遞增秒的第一個數字(右邊的數字)。首先，編寫語句以遞增秒的第一位數字。是用于存儲秒的第一個數字的變量名稱。變量名稱后面的 將遞增(向其添加 1)該數字。現在，將秒的第一個數字設置為 。這意味著秒的第一個數字將每秒向上移動 1。

variable_name_of_the_innerHtml_of_the_first_digit_of_seconds++;variable_name_of_the_innerHtml_of_the_first_digit_of_secondsinnerHtml++innerHtmlvariable_name_of_the_innerHtml_of_the_first_digit_of_seconds

　　現在繼續將秒的第一個數字更改為 0，并每隔 10 秒遞增秒的第二個數字。我們將首先使用一個語句來檢查第二個數字的第一個數字是否為 9。然后在 里面，我們將 設置為 -1。不要將其設置為 0，因為在接下來的一秒中，它將被遞增為 1，數字將顯示 1 而不是 0，但對于 -1，它將顯示 0 而不是 1。

if if variable_name_of_the_innerHtml_of_the_first_digit_of_seconds

　　接下來，我們將增加秒的第二個數字(左邊一個)的值，然后設置第二個數字的值。

variable_name_of_the_innerHtml_of_the_second_digit_of_seconds++innerHtml

　　現在，要每60秒更改秒0的兩位數字，我們將首先使用一個語句，對于語句的條件，我們將傳遞條件：秒的第一個數字(右邊的數字)是9，秒的第二個數字(左邊的)是5。然后在語句內部僅設置為-1(再次不要將其設置為0)。沒有必要將其設置為第二個數字的第二個數字，因為前面的語句就是這樣做的。現在秒機制的功能已經完成。ifififvariable_name_of_the_innerHtml_of_the_second_digit_of_secondsinnerHtmlif

　　現在，對于分鐘的機制，只需復制我們制作的函數幾秒鐘，并將秒的變量名稱更改為分鐘，并將函數的名稱更改為分鐘。現在，該機制的功能就這樣完成了。

　　對于小時，再次只需復制相同的函數，將用于分鐘數的變量的名稱更改為小時，只需刪除將兩個數字重置為0的語句，因為計時器中沒有天。if

　　注： 不要更改所有函數中語句的順序。

　　現在要啟動計時器，只需創建一個按鈕并為其提供ID即可。然后創建一個變量以使用方法選擇該按鈕，然后聲明三個變量來存儲三個函數，但將這些變量聲明到任何函數之外，并且僅聲明。我們稍后會將這些變量存儲在函數中，用于計時器的啟動、停止和重置機制。document.getElementByIdsetIntervalsetInterval

　　聲明這些變量后，只需創建一個函數。在此函數中編寫一個語句，條件應該是按鈕等于按鈕內的文本，當計時器為0時，在我的情況下它是“開始計時器”。然后，在此語句中，使用 初始化要存儲三個函數的三個變量，對于第二個函數、分鐘函數和小時函數，其中 和 是您只為秒函數、分鐘函數和小時函數聲明的變量的名稱，并且 并且是函數的名稱，不帶括號，分別表示秒、分鐘和小時。然后在當前語句中，將開始，停止和重置按鈕設置為當按鈕用于停止計時器時所需的文本，然后寫入。

if innerHtmlifsetIntervalvariable_name_for_setInterval_of_second_function = setInterval(function_name_for_second, 1000);variable_name_for_setInterval_of_minute_function = setInterval(function_name_for_minute, 60000);variable_name_for_setInterval_of_hour_function = setInterval(function_name_for_hour, 3600000);variable_name_for_setInterval_of_second_functionvariable_name_for_setInterval_of_minute_functionvariable_name_for_setInterval_of_hour_functionsetIntervalfunction_name_for_secondfunction_name_for_minutefunction_name_for_hourifinnerHtmlreturn

　　然后寫另一個語句，其中的條件是按鈕等于您想要的文本，當按鈕用于停止計時器時，在我的情況下它是“停止計時器”。在此語句中，只需使用 清除前一語句中的三個函數，并分別清除秒、分鐘和小時函數。之后，只需將按鈕設置為文本，當按鈕準備好重置計時器時，您將選擇在我的情況下它是“重置計時器”，在此語句之后寫入 。

if innerHtmlifsetIntervalifclearInterval(variable_name_for_setInterval_of_second_function)clearInterval(variable_name_for_setInterval_of_minute_function)clearInterval(variable_name_for_setInterval_of_hour_function)setIntervalsetIntervalreturn

　　現在，對于重置計時器，定義另一個語句，這次的條件是按鈕等于您選擇的文本，當按鈕準備好重置計時器時，該語句只需將所有數字設置為0。ifinnerHtmlif

　　現在，通過使用 HTML 中的屬性或使用 JavaScript 中的 on 按鈕，將用于啟動、停止和重置計時器的函數添加到按鈕中。onclickaddEventListener

　　注意：在語句末尾書寫非常重要，否則，單擊按鈕時的啟動，停止和重置機制將不起作用。