博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js执行多次事件,而非一次
阅读量:5050 次
发布时间:2019-06-12

本文共 520 字,大约阅读时间需要 1 分钟。

晚上查阅了很多文章,都是避免点击事件多次执行。反过来要是让事件多次执行该如何做?

这里可以配个setTimeout();来执行

这里我们用layui 

<link rel="stylesheet" href="./css/layui.css"/>

<script src="layui.js"></script>

<div style="width:100px;height:100px;background-color:red;" οnclick="fn();">

</div>
<script>

function fn(){
var odiv = document.getElementsByTagName('div')[0];
odiv.className = 'layui-anim layui-anim-scale'; //给元素添加class
setTimeout(function(){odiv.className = '';},300); //还原,将元素class值删除(延迟执行,在动画效果执行后)
}
</script>

转载于:https://www.cnblogs.com/sjzgk/p/11363406.html

你可能感兴趣的文章
Spring注解之@Lazy注解,源码分析和总结
查看>>
多变量微积分笔记24——空间线积分
查看>>
Magento CE使用Redis的配置过程
查看>>
poi操作oracle数据库导出excel文件
查看>>
(转)Intent的基本使用方法总结
查看>>
Mac 下的Chrome 按什么快捷键调出页面调试工具
查看>>
Windows Phone开发(24):启动器与选择器之发送短信
查看>>
JS截取字符串常用方法
查看>>
Google非官方的Text To Speech和Speech Recognition的API
查看>>
stdext - A C++ STL Extensions Libary
查看>>
Django 内建 中间件组件
查看>>
bootstrap-Table服务端分页,获取到的数据怎么再页面的表格里显示
查看>>
进程间通信系列 之 socket套接字及其实例
查看>>
天气预报插件
查看>>
Unity 游戏框架搭建 (十三) 无需继承的单例的模板
查看>>
模块与包
查看>>
mysql忘记root密码
查看>>
apache服务器中设置目录不可访问
查看>>
嵌入式Linux驱动学习之路(十)字符设备驱动-my_led
查看>>
【NOIP模拟】密码
查看>>