JQ 只执行一次函数的另一种思路

最新推荐文章于 2023-06-13 18:43:16 发布
最新推荐文章于 2023-06-13 18:43:16 发布
阅读量567 收藏
点赞数
文章标签： 前端 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46159024/article/details/125891929
版权
这篇博客探讨了如何在JavaScript中确保某个功能仅执行一次。作者通过设置一个变量`isFirst`来跟踪函数是否已执行，并在条件判断中使用它来控制行为。当`swiper.activeIndex`等于1且`isFirst`为真时，添加类`bottom-hide`，然后在5秒后移除。这种方法提供了一种不依赖点击事件的一次性执行解决方案。
摘要由CSDN通过智能技术生成

今天有遇到需求 分析后 发现只能执行一次就要销毁

从网上查阅资料发现 有one()方法 但是都要监听点击事件才可以

转换一下思路：

在一开始定义一个变量 用来记录是否进入第一次函数里 是的话就将变量改变

此时若判断条件添加上该变量 可以实现执行一次 第二次不执行

 

var isFirst = true;
if (swiper.activeIndex == 1 && isFirst) {
    $('.page-bottom-btn').addClass('bottom-hide')
    isFirst = false
}
setTimeout(function() { $('.page-bottom-btn').removeClass('bottom-hide') }, 5000);

Hyoeun
关注
jquery中事件处理off()解绑事件
weixin_45147894的博客
10-23 666
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &...
JQ部分源码解读
qq_40231451的博客
10-05 920
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings(
只执行一次的事件绑定函数
weixin_34146986的博客
05-17 977
概览 在前端开发中，有时会希望事件只被调用一次。比如，点击一张缩略图加载视频文件或点击“更多”图标通过AJAX展示额外的内容。当多次点击的时候，事件处理函数会被调用多次，这会造成浏览器多次加载不必要的资源。更坏的情况可能会导致无法预期的事情发生。庆幸的是，使用JavaScript可以很容易的实现只绑定一次的事件。步骤如下： 定义事件处理...
JQuery:合成事件，只将绑定的事件执行一次
最新发布
weixin_50784508的博客
06-13 185
【代码】JQuery:合成事件，只将绑定的事件执行一次。
jQuery全选与反选，且解决点击只执行一次的问题
POJIE19820106的博客
07-05 151
<html> <head> 　　<script src="jquery-1.11.1.min.js" type="text/javascript"></script> </head> <body> 　　<input type="checkbox" name="chk_list[]" value="...
Jquery中使用setInterval和setTimeout
既是过河之卒，惟有奋力向前。
11-28 436
直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下： 方法1. 应用jQuery的扩展可以解决这个问题。 $(document).ready(function(){ $.extend({  show:function(){   alert("ready");  }});setInterval("show()",3000);}); 方法2. 指定定时执行的函...
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 4977
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
《有效的单元测试》第一章
m0_60745607的博客
01-05 273
第一章 优秀测试的承诺 本章内容包括: ●编写单元测试的价值 ●测试如何提高程序员的生产力 ●将测试用作设计工具 当我开始吃上编程这碗饭时，世界看起来与今日大不一样。那是10多年以前，人们使用着简单的Vim和Emacs等文本编辑器，而非如今的Eclipse、NetBeans和IDEA等集成开发环境。我清楚地记得，某位资深同事在调试软件时摆弄着Emacs宏，生成大量的System.out.println调用。我甚至还清楚地记得，当一个主要客户报告说他们的订单没有正常生成时，我们要
前端面试题（一）
qq_41009122的博客
04-18 1607
一、Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式是一种向后兼容的解析方法。 触发标准模式或者说严格...
JSON数据转换：从JSON到CSV，轻松导出数据，配置管理新思路
JSON（JavaScript Object Notation）是一种轻量级数据格式，用于在应用程序之间传输和存储数据。它基于JavaScript对象语法，具有以下特点： * **易于理解和使用：**JSON使用人类可读的文本格式，使其易于理解和使用...
jq只能执行一次的事件
ljw_jiawei的博客
06-13 5467
        $('div').on({ //事件的写法 'click' : function(){ //把on换成one,就只能执行一次 alert(123); }, 'mouseover' : function(){ alert(456); } }); $('div').on('click mouseover',function(){ alert(123); $(...
JQuery 绑定只执行一次事件
coding
12-12 5561
$(document).ready(function() {             $("#btn").one("click", function() {                 alert("我只执行一次哦");             });         });
jQuery 只执行一次的事件 one
热门推荐
shuai的博客
04-14 1万+
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery.min.js" ></script> <title>&l...
prop()方法和attr()方法的比较
aa232610的专栏
11-26 1213
jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。 大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"c
jquery加载完成后方法只执行一次_jQuery的使用
weixin_39532628的博客
12-03 1019
jQuery是一个快速、简洁的JavaScript框架，一个优秀的JavaScript代码库，或者说框架。jQuery的设计宗旨是“write Less, do more”，倡导写更少的代码，做更多的事情。它封装JavaScript的常用功能代码，提供一种便捷的JavaScript设计模式，优化HTML文档操作，事件处理，动画设计和Ajax交互。jQuery现在已经发布到第三个大版本，一般用第一个...
jquery click点击一次执行多次解决方法
老蔡学代码
12-10 3516
问题: 假如我添加了3次,点击其中一个移除按钮的时候总是出现3次确认框. 假如我添加了5次,点击其中一个移除按钮的时候总是出现5次确认框. 烦都烦死啦~~~   网上找到了一个好的方法：解除绑定，具体使用如下 $('.move_parameter').unbind('click').click(function () { //这里面再执行其它代码就行了. }); 在每...
jQuery setTimeout()函数使用方法
Andrewniu的博客
09-28 1万+
setTimeout在以前的js中是定时执行一个对象或函数，下面我来介绍jquery中的setTimeout函数使用方法有需要了解的朋友仔细的参考参考。 setTimeout() 从载入后延迟指定的时间去执行一个表达式或者是函数; 仅执行一次 ;和window.clearTimeout一起使用. 我在 复制代码 代码如下: $(document).ready(funct
JQuery 定时任务
RobertChao的博客
03-27 8945
执行一次的定时任务 执行方法 setTimeout只执行一次。 第一种是：window.setTimeout 。 var t1 = window.setTimeout(hello,1000); // 使用方法名字执行 一秒后执行 hello 方法 var t2 = window.setTimeout("hello()",3000); // 使用字符串执行方法。 window.clearTim...
JQuery事件绑定函数one:绑定的事件处理函数只会被执行一次
aty
01-27 1万+
JQuery绑定事件处理函数，有两种方式(方式1和方式2)是最常用的，方式3使用的较少。 方式1： $("#button").click(function(){ }); 这种方式很简单，也是平时编码最常用的做法。HTML中原始的事件，如onclick、onmouseover、onkeypress等，JQuery对名称进行了简单的封装，如onclick与JQuery的click对应，on
jq点击第单数次执行第一个函数，点击第偶数次执行第二个函数
05-26
// 第奇数次点击执行的代码 console.log("第奇数次点击"); } else { // 第偶数次点击执行的代码 console.log("第偶数次点击"); } } ``` 在 HTML 中，将该函数绑定到需要监听点击事件的元素上即可。例如，绑定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值