首页 \ 问答 \ setInterval只在jQuery内部执行一次每个函数[重复](setInterval only executing once inside of the jQuery each function [duplicate])

setInterval只在jQuery内部执行一次每个函数[重复](setInterval only executing once inside of the jQuery each function [duplicate])

这个问题在这里已有答案:

我有3个span元素,id为“cursor”,但是下面的函数只对第一个元素执行。

$(document).ready(function() {
  $("#cursor").each(function(i, current) {
    console.log("ran");
    var $current = $(current);
    setInterval(function() {
      cursorAnimation($current)
    }, 600);
  });
});

function cursorAnimation($obj) {
  $obj.animate({
    opacity: 0
  }, 'fast', 'swing').animate({
    opacity: 1
  }, 'fast', 'swing');
}

This question already has an answer here:

I have 3 span elements with the id of "cursor", but the below function executes only for the first element.

$(document).ready(function() {
  $("#cursor").each(function(i, current) {
    console.log("ran");
    var $current = $(current);
    setInterval(function() {
      cursorAnimation($current)
    }, 600);
  });
});

function cursorAnimation($obj) {
  $obj.animate({
    opacity: 0
  }, 'fast', 'swing').animate({
    opacity: 1
  }, 'fast', 'swing');
}

原文:https://stackoverflow.com/questions/32238852
更新时间:2020-10-17 12:10

最满意答案

ID选择器将根据JQuery文档仅返回0或1个DOM元素。 您不应将ID分配给多个元素。 将ID更改为类并使用类选择器$(".class")


The ID selector will return only 0 or 1 DOM elements according to the JQuery documentation. You should not assign an ID to more than one element. Change the ID to a class and use the class selector $(".class")

2015-08-27

相关问答

更多

jquery setInterval() 可以控制执行次吗?

$(document).ready(function () { var i = 9; iCount = setInterval(function(){ if(!i)clearInterval(iCount); startRequest(); i--; },2000); }); function startRequest() { $.ajax({ type: "POST", url: "test", dataType: "text", contentType: "application/json; ...

JQuery - 这个语法的目的是什么$(function(){...});(JQuery - What is the purpose of this syntax $(function () { … }); [duplicate])

它简单地用于: $(document).ready(function(){ }); http://api.jquery.com/ready/ Its simply shorthand for: $(document).ready(function(){ }); http://api.jquery.com/ready/

在setInterval函数内使用时,Jquery延迟不一致(Jquery delay is inconsistent while using inside a setInterval function)

通过使用setInterval()您将导致每50ms调用此代码,即使在添加了.showTime类之后,这会导致您看到的奇怪行为。 如果将setInterval()的结果赋给变量,则可以在添加类后使用clearInterval() ,并且选择器返回DOM元素: // track the interval so we can clear it var myInterval; myInterval = setInterval(function(){ // try to match element ...

使用setInterval执行x次调用后执行函数(perform function after x number of calls with setInterval)

function setIntervalX(func, delay, times, callback) { if (times > 0) { setTimeout(function() { func.apply(arguments.callee); setIntervalX(func, delay, --times, callback); }, delay); } else { call ...

Javascript SetInterval执行脚本每次间隔13次(Javascript SetInterval executing script 13 time every interval)

编辑:根据OP的问题评论主题修复答案 app.service('intervalCheckService', ['$interval', function($interval) { return { intervalRun: false, setInterval: function() { if (!intervalRun) { this.intervalRun = true; var reloadTableInterval = $i ...

最小化的Jquery setInterval(Jquery setInterval on minimize)

animate()的文档明确提到: 由于requestAnimationFrame()的性质,您不应该使用setInterval或setTimeout循环对动画进行排队。 为了保留CPU资源,支持requestAnimationFrame浏览器在不显示窗口/选项卡时不会更新动画。 如果在动画暂停时继续通过setInterval或setTimeout动画进行排队,则当窗口/选项卡重新获得焦点时,所有排队的动画将开始播放。 要避免这个潜在的问题,请在循环中使用上一个动画的回调,或者将函数附加到元素.q ...

jquery ready函数没有执行(jquery ready function not executing)

根据我的经验,当JavaScript问题通过在某处添加无害的alert()来神奇地修复自身时,问题的根源通常是异步请求。 在非警报情况下,异步请求尚未完成。 但是通过添加警报,它有机会完成,因此允许您的代码行进不同的代码路径,而不是完全异步调用的响应。 I switched the onload event from jQuery's document.ready to window.ready. It worked properly about 30% of the time, so it wa ...

如何将参数传递给回调函数而不执行它[重复](How to pass parameters to callback function without executing it [duplicate])

你可以返回一个函数,然后传入的变量将通过闭包用于内部函数。 function bookTheRoom(quarter) { return function() { console.log(quarter); } } 编辑 - 详细说明:当你调用bookTheRoom(quarter) ,它现在不直接执行console.log 。 相反,它返回一个在调用时将执行console.log的函数。 这有点像上面的第二个解决方案,你将“Book”属性与一个函数相关联 ...

setInterval()里面没有调用插件函数(setInterval() inside plugin function not being called)

问题是slider功能内部没有指向您认为指向的对象。 setInterval($.proxy(function () { slide.call(this); }, this), g); 演示: 小提琴 或更好 setInterval($.proxy(slide, this), g); 演示: 小提琴 The problem is this inside the slider function does not point to the o ...

setInterval只在jQuery内部执行一次每个函数[重复](setInterval only executing once inside of the jQuery each function [duplicate])

ID选择器将根据JQuery文档仅返回0或1个DOM元素。 您不应将ID分配给多个元素。 将ID更改为类并使用类选择器$(".class") The ID selector will return only 0 or 1 DOM elements according to the JQuery documentation. You should not assign an ID to more than one element. Change the ID to a class and use t ...

相关文章

更多

最新问答

更多
  • Haml + ActionMailer - Rails?(Haml + ActionMailer - Rails?)
  • 将数据从div标签传递到javascript函数[关闭](Pass data from div tags to javascript function [closed])
  • 如何使用imaplib创建电子邮件并将其发送到特定邮箱(How to create an email and send it to specific mailbox with imaplib)
  • Ruby - 使用`require`命令(Ruby - working with `require` command)
  • 用ng值检索时,在md-input-container中隐藏输入文本字段的值(label hiding input text field value in md-input-container when retrieving with ng-value)
  • 以编程方式将字符串宽度值插入sprintf()(Programmatically insert string width value into sprintf())
  • Matplotlib计算给定字符串的轴坐标范围(Matplotlib Calculate Axis Coordinate Extents Given String)
  • 在同一个流连接上返回多个结果以实现HTML5 Server Sent Events(Returning multiple results on the same stream connection to implement HTML5 Server Sent Events)
  • 限制对特定URL的访问(Apache Tomcat)(Restrict access to specific URL (Apache Tomcat))
  • R中的时间序列与ggplot2(Time Series in R with ggplot2)
  • 自动URL参数编码失败(Automatic URL Parameter Encoding Failing)
  • 是否有任何关于JRuby + Clojure集成的开源示例?(Are there any good open source examples of JRuby + Clojure integration?)
  • ActiveX被认为是旧的/过时的标准吗?(Is ActiveX considered old/outdated by todays standards?)
  • SQL Server中的XML查询(XML Query within SQL Server)
  • PL / SQL:在更新尝试时,删除导致unique_violation异常的行(PL/SQL: on update attempt, delete row which causes unique_violation exception)
  • webpack css-loader localIdent名称哈希长度(webpack css-loader localIdent name hash length)
  • 基诺数解析器(Keno number parser)
  • R:索引数据框列的名称范围(R: Index data frame columns by ranges of their names)
  • 限制ASP .net和Javascript中的多个事件(Restrict multiple events in ASP .net & Javascript)
  • 更改行时SQL查询不更新表(SQL query not updating table when row is changed)
  • JavaScript,document.getElementById不从窗体中抓取?(JavaScript, document.getElementById not grabbing from form?)
  • h2数据库上的Mybatis无法插入数据(Mybatis on h2 database can't insert data)
  • KeyboardWillHideNotification未在iOS 9中触发(KeyboardWillHideNotification not firing in iOS 9)
  • jQuery UI Droppable - 如何实际更改HTML?(jQuery UI Droppable - How to actually change the HTML?)
  • 无法将APK安装到root设备中(Can't install APK into rooted device)
  • 在滚动浏览器时,使jQuery UI对话框不改变它的位置(相对于浏览器)(make jQuery UI dialog not change it's position (relative to the browser) when scrolling browser)
  • 我们可以在NativeScript中使用nedb吗?(Can we use nedb with NativeScript?)
  • 使用CancellationToken的竞争条件,其中CancellationTokenSource仅在主线程上被取消(Race condition with CancellationToken where CancellationTokenSource is only cancelled on the main thread)
  • 使用Framework7从JS更新HTML视图中的数据(Update data in HTML view from JS using Framework7)
  • sql server:选择一个外键为NULL的字段(sql server: select a NULL field that is foreign key)