首頁  >  文章  >  web前端  >  JS按鈕閃爍功能是如何實現的?

JS按鈕閃爍功能是如何實現的?

零下一度
零下一度原創
2017-07-24 20:03:432238瀏覽

js按鈕閃爍功能的實作程式碼分為html與js兩部分程式碼,具體實作程式碼大家參考下本文

#html



######################## #
<body onload="blinklink()" onunload="stoptimer()">
  <a href="javascript:;" rel="external nofollow" class="iforeginbtn" id="flashit">马上注册领取</a>
</p>
######js###############
var flashit=document.getElementById(&#39;flashit&#39;);
function blinklink(){
if(flashit.style.backgroundColor==&#39;rgb(232, 83, 63)&#39;){ //注意:这里拿到的是rgb格式的
  flashit.style.backgroundColor=&#39;#485fbd&#39;;
 }else{
   flashit.style.backgroundColor=&#39;rgb(232, 83, 63)&#39;;
 }
  timer=setTimeout("blinklink()",300);
}
function stoptimer(){
  clearTimeout(timer);
}

以上是JS按鈕閃爍功能是如何實現的?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn