首页  >  文章  >  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