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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
js 利用image对象实现图片的预加载提高访问速度
Mar 29 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
Nov 16 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
vue通过style或者class改变样式的实例代码
Oct 30 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
Javascript三种字符串连接方式及性能比较
May 28 Javascript
Vue 自适应高度表格的实现方法
May 13 Javascript
小程序实现密码输入框
Nov 16 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定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
javascript textContent与innerText的异同分析
2010/10/22 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
javascript框架设计之框架分类及主要功能
2015/06/23 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
express 项目分层实践详解
2018/12/10 Javascript
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
python命令行参数sys.argv使用示例
2014/01/28 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
基于python实现获取网页图片过程解析
2020/05/11 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
物流管理应届生求职信
2013/11/07 职场文书
学校办公室主任职责
2013/12/27 职场文书
北京大学自荐信范文
2014/01/28 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python
详解pytorch创建tensor函数
2022/03/22 Python