Rumah  >  Artikel  >  hujung hadapan web  >  JS按钮闪烁功能是如何实现的?

JS按钮闪烁功能是如何实现的?

零下一度
零下一度asal
2017-07-24 20:03:432238semak imbas

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);
}

Atas ialah kandungan terperinci JS按钮闪烁功能是如何实现的?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn