新建一個html文件,定名為test.html,用于講解js實現點擊按鈕,指心猿意馬文字顏色閃三秒鐘就遏制。
在test.html文件內, 利用p標簽建立一段文字,對此中部門文字利用span標簽包抄,span標簽內的文字將用于實現閃灼結果。
在test.html文件內, 利用button標簽建立一個按鈕,并綁心猿意馬onclick點擊事務,當按鈕被點擊時,執行stopColor()函數。
在test.html文件內,建立一個changeColor()函數,用于實現文字的閃灼結果。
在changeColor()函數內,利用css()方式設置span內文字的顏色,colorFlag變量用于實現兩種顏色的切換。
在test.html文件內,再建立一個stopColor()函數,在函數內,利用setInterval()方式每500毫秒執行一次changeColor()函數,實現文字的閃灼結果。再利用setTimeout()方式在3秒后,利用clearInterval()方式斷根按時器,實現閃灼文字結果的遏制。
在瀏覽器打開test.html文件,點擊按鈕,查看實現的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!