编程 Javascript

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

Posted in Javascript onJuly 21, 2017

html

<body onload="blinklink()" onunload="stoptimer()">
<a href="javascript:;" rel="external nofollow" class="iforeginbtn" id="flashit">马上注册领取</a>
</div>

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

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

- Author -

停留就好

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 选择器、DOM操作、事件、动画

Nov 25 Javascript

Jquery基础教程之DOM操作

Aug 19 Javascript

JavaScript 七大技巧（一）

Dec 13 Javascript

jquery调整表格行tr上下顺序实例讲解

Jan 09 Javascript

js实现上传图片预览方法

Oct 25 Javascript

JavaScript DOM元素常见操作详解【添加、删除、修改等】

May 09 Javascript

node 命令方式启动修改端口的方法

May 12 Javascript

JavaScript new对象的四个过程实例浅析

Jul 31 Javascript

Vue Router去掉url中默认的锚点#

Aug 01 Javascript

在Create React App中启用Sass和Less的方法示例

Jan 16 Javascript

微信小程序自定义波浪组件使用方法详解

Sep 21 Javascript

JavaScript 事件代理需要注意的地方

Sep 08 Javascript

荐书|您有一份JavaScript书单待签收

Jul 21 #Javascript

bootstrap插件treeview实现全选父节点下所有子节点和反选功能

Jul 21 #Javascript

Node接收电子邮件的实例代码

Jul 21 #Javascript

基于JavaScript实现无限加载瀑布流

Jul 21 #Javascript

原生JS实现自定义滚动条效果

Oct 27 #Javascript

JS HTML图片显示Canvas 压缩功能

Jul 21 #Javascript

JavaScript 用fetch 实现异步下载文件功能

Jul 21 #Javascript

You might like

《魔兽世界》惊魂幻象将获得调整

2020/03/08 其他游戏

php 无限级缓存的类的扩展

2009/03/16 PHP

JavaScript实现复制功能各浏览器支持情况实测

2013/07/18 Javascript

JQuery中$.ajax()方法参数详解及应用

2013/12/12 Javascript

利用js正则表达式验证手机号,email地址,邮政编码

2014/01/23 Javascript

jQuery中delegate()方法用法实例

2015/01/19 Javascript

javascript中substring()、substr()、slice()的区别

2015/08/30 Javascript

jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解

2016/01/19 Javascript

BootStrap中Tab页签切换实例代码

2016/05/30 Javascript

前端弹出对话框 js实现ajax交互

2016/09/09 Javascript

JS 实现Base64编码与解码实例详解

2016/11/07 Javascript

基于JQuery和原生JavaScript实现网页定位导航特效

2017/04/03 jQuery

JavaScript实现删除数组重复元素的5种常用高效算法总结

2018/01/18 Javascript

微信小程序表单验证WxValidate的使用

2019/11/27 Javascript

Vue computed 计算属性代码实例

2020/04/22 Javascript

如何利用javascript接收json信息并进行处理

2020/08/06 Javascript

python中使用xlrd、xlwt操作excel表格详解

2015/01/29 Python

python单例模式实例分析

2015/04/08 Python

Python中pygame安装方法图文详解

2015/11/11 Python

CSS3等相关属性制作分页导航实现代码

2012/12/24 HTML / CSS

8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)

2013/02/04 HTML / CSS

HTML5 Canvas中使用用路径描画圆弧

2015/01/01 HTML / CSS

美国领先的男士和女士内衣购物网站：Freshpair

2019/02/25 全球购物

100％羊绒：NakedCashmere

2020/08/26 全球购物

现在输入n个数字，以逗号，分开；然后可选择升或者降序排序；按提交键就在另一页面显示按什么排序，结果为，提供reset

2012/11/09 面试题

网吧消防安全制度

2014/01/28 职场文书

渔夫的故事教学反思

2014/02/14 职场文书

课堂教学改革实施方案

2014/03/17 职场文书

群众路线领导对照材料

2014/08/23 职场文书

幼儿园教师师德师风演讲稿：我自豪我是一名幼师

2014/09/10 职场文书

怎样写离婚协议书

2015/01/26 职场文书

电话营销开场白

2015/05/29 职场文书

高三教师工作总结2015

2015/07/21 职场文书

毕业生入职感言

2015/07/31 职场文书

经典祝酒词大全

2015/08/12 职场文书

Mysql使用全文索引(FullText index)的实例代码

2022/04/03 MySQL