快捷導航

JS按鈕閃爍功能的實現(xiàn)代碼

更新時間：2017年07月21日 16:59:14 作者：停留就好

js按鈕閃爍功能的實現(xiàn)代碼分為html和js兩部分代碼，具體實現(xiàn)代碼大家參考下本文

html

<body onload="blinklink()" onunload="stoptimer()">
　　<a href="javascript:;" rel="external nofollow" class="iforeginbtn" id="flashit">馬上注冊領(lǐng)取</a>
</div>

js

var flashit=document.getElementById('flashit');
function blinklink(){
if(flashit.style.backgroundColor=='rgb(232, 83, 63)'){ //注意：這里拿到的是rgb格式的
  flashit.style.backgroundColor='#485fbd';
 }else{
   flashit.style.backgroundColor='rgb(232, 83, 63)';
 }
  timer=setTimeout("blinklink()",300);
}
function stoptimer(){
  clearTimeout(timer);
}

總結(jié)

以上所述是小編給大家介紹的JS按鈕閃爍功能的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

一起來看看JavaScript數(shù)據(jù)類型最詳解
這篇文章主要為大家詳細介紹了JavaScript數(shù)據(jù)類型，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-01-01
JS字符串與二進制的相互轉(zhuǎn)化實例代碼詳解
這篇文章主要介紹了JS字符串與二進制的相互轉(zhuǎn)化 ,在文中給大家提到了Js之字符串和字節(jié)碼之間的相互轉(zhuǎn)換，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-06-06
js實現(xiàn)公告自動滾動
這篇文章主要為大家詳細介紹了js實現(xiàn)公告自動滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
Javascript注入技巧
Javascript注入技巧...
2007-06-06
showModalDialog 和 showModelessDialog
showModalDialog 和 showModelessDialog...
2007-01-01
JavaScript?中如何攔截全局?Fetch?API?的請求和響應(yīng)問題
在本文中，我們介紹了什么是 JavaScript 攔截器，學習了如何通過給 Fetch API 使用猴子補丁和使用 fetch-intercept 庫來創(chuàng)建攔截器，對js攔截全局Fetch?API的請求和響應(yīng)知識感興趣的朋友跟隨小編一起看看吧
2023-01-01
小程序中英文混合排序問題解決
這篇文章主要介紹了小程序中英文混合排序問題解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-08-08
js代碼編寫無縫輪播圖
這篇文章主要為大家詳細介紹了js代碼編寫無縫輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
JavaScript設(shè)置獲取和設(shè)置屬性的方法
這篇文章主要介紹了JavaScript設(shè)置獲取和設(shè)置屬性的方法，學會使用getAttribute、setAttribute的用法,需要的朋友可以參考下
2015-03-03
javascript中的replace函數(shù)(帶注釋demo)
在js中有兩個replace函數(shù) 一個是location.replace(url) 跳轉(zhuǎn)到一個新的url.一個string.replace("xx","yy") 替換字符串返回一個新的字符串，該方法并不改變字符串本身。下面通過本文給大家介紹javascript中的replace函數(shù)
2018-01-01