脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 按钮闪烁

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按钮闪烁功能的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • uniapp动态修改元素节点样式详解

    uniapp动态修改元素节点样式详解

    这篇文章主要介绍了uni-app动如何态修改元素节点样式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-08-08
  • Axios常见配置选项跨域详解

    Axios常见配置选项跨域详解

    axios基于http客户端的promise，面向浏览器和nodejs axios 依赖原生的 ES6 Promise 实现而被支持，这篇文章主要介绍了axios常见配置选项 跨域,需要的朋友可以参考下
    2022-11-11
  • js动态设置鼠标事件示例代码

    js动态设置鼠标事件示例代码

    动态设置鼠标事件的方法有很多，接下来为大家介绍下js中是如何做到的，感兴趣的朋友不要错过
    2013-10-10
  • js实现简单鼠标跟随效果的方法

    js实现简单鼠标跟随效果的方法

    这篇文章主要介绍了js实现简单鼠标跟随效果的方法,涉及javascript鼠标事件与坐标获取等相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JS获取随机数函数可自定义最小值最大值

    JS获取随机数函数可自定义最小值最大值

    这篇文章主要介绍的是一个JS获取随机数的函数可自定义最小值最大值,需要的朋友可以参考下
    2014-05-05
  • javascript实现的基于金山词霸网络翻译的代码

    javascript实现的基于金山词霸网络翻译的代码

    下面的这段代码是基于金山词霸网络翻译提供的接口，远程调用文件，可以作为一个自定义的在线查询工具。
    2010-01-01
  • javascript实现节点（div）名称编辑

    javascript实现节点（div）名称编辑

    这篇文章主要介绍了js实现节点（div）名称编辑,需要的朋友可以参考下
    2014-12-12
  • JavaScript实现预览本地上传图片功能完整示例

    JavaScript实现预览本地上传图片功能完整示例

    这篇文章主要介绍了JavaScript实现预览本地上传图片功能,结合完整实例形式分析了javascript图片预览相关的格式正则验证、浏览器判断、页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-03-03
  • gojs实现蚂蚁线动画效果

    gojs实现蚂蚁线动画效果

    这篇文章介绍了gojs实现蚂蚁线动画效果的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-01-01
  • jQuery和JavaScript节点插入元素的方法对比

    jQuery和JavaScript节点插入元素的方法对比

    本文主要介绍jQuery与JavaScript节点的插入方法，以及他们的具体代码实现方法，大家可以对比下他们之间的不同，希望对大家编写代码有所帮助
    2016-11-11

最新评论