新建一個html文件,定名為test.html , 用于實現隨機抽取獲獎者的功能 。
在test.html頁面中,利用input按鈕界說一個文本框,用于顯示獲獎者的姓名,同時,利用button標簽建立兩個按鈕,一個是起頭抽獎按鈕,另一個是遏制抽獎按鈕。
在js里界說一個抽獎者姓名的字符串,并利用split方式把字符串轉換當作數組,同時,獲得數組最大的下標和界說一個按時器,用于下面隨機抽取獲獎者利用。
在js里建立一個隨機數組下標的函數GetRnd(),經由過程Math對象的隨機方式獲得隨機的下標返回。
設置input文本框的id為oknum,在js里建立一個change()函數,利用document.getElementById()方式獲得input對象,并把隨機獲獎者賦值給input對象顯示出來。
給“起頭抽獎”按鈕綁心猿意馬onclick點擊事務,當點擊該按鈕時,執行一個start()函數,利用按時器不竭執行change()函數,即不竭隨機抽獎者的姓名,直至點擊“遏制抽獎”為止。
給“遏制抽獎”按鈕綁心猿意馬onclick點擊事務,當點擊該按鈕時,執行一個ok()函數,斷根按時器,遏制抽獎。這時,input框中姓名就是隨機出來的獲獎者姓名。
在瀏覽器運行test.html,查看執行的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!