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 相关文章推荐
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
js获取元素的外链样式的简单实现方法
Jun 06 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
Mar 22 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
vue在线动态切换主题色方案
Mar 26 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数组交集的优化代码分析
2011/03/06 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
js验证身份证号有效性并提示对应信息
2015/10/19 Javascript
JavaScript学习笔记之ES6数组方法
2016/03/25 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
weex slider实现滑动底部导航功能
2017/08/28 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python及PyCharm下载与安装教程
2017/11/18 Python
python处理csv中的空值方法
2018/06/22 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
python中count函数简单用法
2020/01/05 Python
python实现扫雷小游戏
2020/04/24 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
一套C#面试题
2013/10/09 面试题
《胖乎乎的小手》教学反思
2014/02/26 职场文书
语文教研活动总结
2014/07/02 职场文书
教师师德师风自我剖析材料
2014/09/29 职场文书
高中历史教学反思
2016/02/19 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang
Pandas数据结构之Series的使用
2022/03/31 Python
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技