js实现元素边框闪烁功能

最新推荐文章于 2022-10-16 14:25:26 发布

weixin_30521649

最新推荐文章于 2022-10-16 14:25:26 发布

阅读量1.2k

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/duwenlei/p/4313665.html

版权

<body>
  <input type="text" value="test" οnclick="flash(this)">
 </body>
 <script>
 function flash(elem){
    var elem = typeof elem === 'string' ? document.getElementById(elem) : elem, // 参数可接收id或者元素本身
        borderColor = elem.style.borderColor
    elem.style.borderColor = borderColor == 'red' ? elem.borderColor : 'red'
    if (!elem.timer) {
        elem.times = 6
        elem.borderColor = borderColor // 保存元素原来的边栏样式
        elem.timer = setInterval(function() { flash(elem) }, 180) // 这里直接以元素当做参数, 提升执行效率
    } else {
        if (elem.times == 0) {
            clearInterval(elem.timer)
            elem.timer = null
        }
        elem.times--
    }
}
 
 </script>

转载于:https://www.cnblogs.com/duwenlei/p/4313665.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30521649

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现元素边框闪烁功能

<body> <input type="text" value="test" onclick="flash(this)"> </body> <script> function flash(elem){ var elem = typeof elem === 'string' ? document.getElementBy...
复制链接

扫一扫