JS按钮闪烁功能的实现代码

 更新时间:2017年07月21日 16:59:14   作者:停留就好  
js按钮闪烁功能的实现代码分为html和js两部分代码,具体实现代码大家参考下本文

html

<body onload="blinklink()" onunload="stoptimer()">
  <a href="javascript:;" rel="external nofollow" class="iforeginbtn" id="flashit">马上注册领取</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);
}

总结

以上所述是小编给大家介绍的JS按钮闪烁功能的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • three.js Mool3D模型类的使用

    three.js Mool3D模型类的使用

    这篇文章主要为大家介绍了three.js Mool3D模型类的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • JS如何根据当前日期获取一周所有日期

    JS如何根据当前日期获取一周所有日期

    这篇文章主要介绍了JS如何根据当前日期获取一周所有日期,文中通过实例代码补充介绍了js获取当前一周的时间,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • 基于layui的下拉列表的数据回显方法

    基于layui的下拉列表的数据回显方法

    今天小编就为大家分享一篇基于layui的下拉列表的数据回显方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例

    微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例

    这篇文章主要介绍了微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能,涉及微信小程序事件响应、页面元素属性动态操作实现滑动与蒙层功能相关技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • javascript打造跨浏览器事件处理机制[Blue-Dream出品]

    javascript打造跨浏览器事件处理机制[Blue-Dream出品]

    由于浏览器兼容的复杂性.打造一个较优的跨浏览器事件处理函数.不是件容易的事情.各大类库也都通过了种种方案去抽象一个庞大的事件机制.
    2010-07-07
  • JavaScript使用readAsDataURL读取图像文件

    JavaScript使用readAsDataURL读取图像文件

    这篇文章主要为大家详细介绍了JavaScript使用readAsDataURL读取图像文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Javascript 静态页面实现随机显示广告的办法

    Javascript 静态页面实现随机显示广告的办法

    最近在做私服发布站时,客户要求实现广告随机排序,而且要求在html页面实现,也就是说必须使用javascript来完成了。
    2010-11-11
  • js判断密码强度的方法

    js判断密码强度的方法

    这篇文章主要为大家详细介绍了js判断密码强度的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js 深拷贝函数

    js 深拷贝函数

    Javascript中的对像赋值与Java中是一样的,都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.那怎么来做呢 答案是克隆.
    2008-12-12
  • JavaScript使用箭头函数实现优化代码

    JavaScript使用箭头函数实现优化代码

    在JavaScript的编程世界里,我们时常被普通函数的冗长写法所困扰,每次都需要写function关键字,有时候还要明确地写return语句,下面我们就来看看如何利用箭头函数优化这些繁琐的代码吧
    2023-11-11

最新评论