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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
JavaScript 入门·JavaScript 具有全范围的运算符
Oct 01 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
javascript禁用Tab键脚本实例
Nov 22 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
多种JQuery循环滚动文字图片效果代码
Jun 23 Javascript
spring+angular实现导出excel的实现代码
Feb 27 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
Yii学习总结之安装配置
2015/02/22 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
2017/05/09 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
BOM与DOM的区别分析
2010/10/26 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
js 左右悬浮对联广告特效代码
2014/12/12 Javascript
javascript面向对象快速入门实例
2015/01/13 Javascript
jQuery实现跨域
2015/02/03 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
jQuery源码解读之removeAttr()方法分析
2015/02/20 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python中input()与raw_input()的区别分析
2016/02/27 Python
python实现用户答题功能
2018/01/17 Python
tensorflow中next_batch的具体使用
2018/02/02 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python实现键盘控制鼠标移动
2020/11/27 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
一款利用html5和css3实现的3D滚动特效的教程
2015/01/04 HTML / CSS
小学教师学期末自我评价
2013/09/25 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
敬老院标语
2014/06/27 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis