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>

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

Javascript 相关文章推荐
5款Javascript颜色选择器
Oct 25 Javascript
js操作模态窗口及父子窗口间相互传值示例
Jun 09 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 Javascript
大白话讲解JavaScript的Promise
Apr 06 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
JS访问对象两种方式区别解析
Aug 29 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
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
php cli 小技巧
2013/06/03 PHP
解析php中const与define的应用区别
2013/06/18 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
深入解析PHP的Yii框架中的缓存功能
2016/03/29 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
jquery获取子节点和父节点的示例代码
2013/09/10 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
2015/05/13 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
详解如何在JS代码中消灭for循环
2019/12/11 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
PyCharm代码格式调整方法
2018/05/23 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
工程承诺书怎么写
2014/05/24 职场文书
商场促销活动策划方案
2014/08/18 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
银行贷款收入证明
2014/10/17 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
Java Lambda表达式常用的函数式接口
2022/04/07 Java/Android