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 相关文章推荐
深入理解JavaScript定时机制
Oct 29 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
jquery实现表单获取短信验证码代码
Mar 13 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
JavaScript实现世界各地时间显示
Sep 07 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获取网址的顶级域名函数代码
2012/09/24 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
使用Python3中的gettext模块翻译Python源码以支持多语言
2015/03/31 Python
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
通俗讲解python 装饰器
2020/09/07 Python
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
2014/06/16 HTML / CSS
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
ajax是什么及其工作原理
2012/02/08 面试题
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
团日活动总结书格式
2014/05/08 职场文书
国家助学金感谢信
2015/01/21 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
不同意离婚代理词
2015/05/23 职场文书
信仰纪录片观后感
2015/06/08 职场文书
追悼会悼词大全
2015/06/23 职场文书
新教师教学工作总结
2015/08/12 职场文书
海弦WR-800F
2022/04/05 无线电
 python中的元类metaclass详情
2022/05/30 Python