cari

Rumah >hujung hadapan web >tutorial js >JS按钮闪烁功能是如何实现的？

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

零下一度
零下一度asal
2017-07-24 20:03:432341semak 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
Artikel sebelumnya：js是如何实现带进度条的多视频上传？Artikel seterusnya：js原生轮播图的实例代码分享

Artikel berkaitan

Lihat lagi