正文 

当前位置： 首页 > 知识 >

循环定时 jquery 函数的最佳实践是啥

     2023-02-25     237

关键词：

【中文标题】循环定时 jquery 函数的最佳实践是啥【英文标题】：What are your best practices for looping timed jquery function循环定时 jquery 函数的最佳实践是什么 【发布时间】：2013-11-22 13:55:26 【问题描述】：

当我使用 jQuery 进行循环时，我真的很困惑如何传递值并重新开始。

我的项目是一个“简单”的推荐旋转器。

<div id="testimonials">
    <div class="testimonial">
        <p>You're great!</p>
    </div>
    <div class="testimonial">
        <p>Thanks a lot!</p>
    </div>
    <div class="testimonial">
        <p>Rock on!</p>
    </div>
</div>
<script>
    jQuery(function ($) 
        $( document ).ready(function() 
            function fade() 
                $('.testimonial').hide();
                var t = $('.testimonial').length;
                alert(t);
                for( var i = 1; i <= t; i++)
                    function slideit()
                       var i = i;
                       $('.testimonial.nth-child(' + i + ')').show('slow');
                       $('.testimonial.nth-child(' + i + ')').hide('slow').delay(2000);
                    
                    slideit();
                
            
            fade();
        );
    );
</script>

现在，我被困住了。克服困难的指针？

【问题讨论】：

$('.testimonial.nth-child[' + i + ']') 应该是$('.testimonial:nth-child(' + i + ')') 感谢@Shikiryu。完成！ 注意，如果你只是在寻找一个优雅的 jQuery 脚本来解决这个功能，请参阅***.com/a/8616480/497438 【参考方案1】：

最好的方法是使用setInterval()

var i = 0, // index of element to show
    t = $('.testimonial'), // elements
    max = t.length; // max elements
function fade() 
    t.eq(i).show('slow'); // we show current element
    t.not(':eq('+i+')').hide('slow'); // we hide others
    if(++i >= max) i=0; // we increment index and if we go over max, we reset index

window.setInterval(fade,3000); // we call fade every 3 seconds

http://jsfiddle.net/zf5Wb/

【讨论】：

啊。现在，我们正在使用 javascript。我经常依赖 jQuery 为我做我的思考，忘记了直接的 javascript 可能更简单。谢谢！【参考方案2】：

正如 Shikiryu 建议的那样。

修改代码

$('.testimonial.nth-child[' + i + ']')
到 
$('.testimonial:nth-child(' + i + ')')

【讨论】：

您认为哪个答案有用，请勾选答案或如果您自己找到了解决方案，请发布您的答案。这有助于进入此页面的人们立即找到答案:) 我只是让它呼吸一下。当人们也不检查解决方案时，我很生气。

Swift 中全局变量和函数的最佳实践是啥？

】Swift中全局变量和函数的最佳实践是啥？【英文标题】：WhatisbestpracticeforglobalvariablesandfunctionsinSwift?Swift中全局变量和函数的最佳实践是什么？【发布时间】：2015-02-2713:19:59【问题描述】：我用几个（15-25个不同的swigft文件为每... 查看详情

使用返回 true 或 false 的函数的 PHP 最佳实践是啥？

】使用返回true或false的函数的PHP最佳实践是啥？【英文标题】：WhatisthePHPbestpracticeforusingfunctionsthatreturntrueorfalse?使用返回true或false的函数的PHP最佳实践是什么？【发布时间】：2012-03-2710:28:36【问题描述】：在玩过PHP后，发现返回... 查看详情

使用objective-c块时避免泄漏的最佳实践是啥？

...了解所有可能的泄漏情况。我已经阅读了很多关于“保留循环循环”的内容，但我认为也许还有其他可能的 查看详情

Javascript 在这种情况下使用 IF 或 SWITCH 或“动态函数名”的最佳实践是啥

】Javascript在这种情况下使用IF或SWITCH或“动态函数名”的最佳实践是啥【英文标题】：JavascriptWhatisbestpracticeusingIForSWITCHor"dynamicfunctionname"inthiscaseJavascript在这种情况下使用IF或SWITCH或“动态函数名”的最佳实践是什么【发... 查看详情

Swift 风格：函数返回您需要的类型的可选类型以便继续，处理此问题的最佳实践是啥？

】Swift风格：函数返回您需要的类型的可选类型以便继续，处理此问题的最佳实践是啥？【英文标题】：Swiftstyle:Functionreturnsoptionaloftypethatyouneedinordertocontinue,what\'sthebestpracticetohandlethis?Swift风格：函数返回您需要的类型的可选类型... 查看详情

一段时间后结束协程函数内循环的最佳方法是啥？

】一段时间后结束协程函数内循环的最佳方法是啥？【英文标题】：What\'sthebestwaytoendaloopinsideacoroutinefunctionaftertime?一段时间后结束协程函数内循环的最佳方法是什么？【发布时间】：2021-10-1518:49:37【问题描述】：这是我的第一... 查看详情

cs50 多重气味测试。如何开发这个 void print_winner(void) 函数的最佳实践是啥

】cs50多重气味测试。如何开发这个voidprint_winner(void)函数的最佳实践是啥【英文标题】：cs50pluralitysmelltest.What\'sbestpracticeonhowtodevelopthisvoidprint_winner(void)functioncs50多重气味测试。如何开发这个voidprint_winner(void)函数的最佳实践是什... 查看详情

jQuery：取消设置/删除函数事件的最佳实践？

】jQuery：取消设置/删除函数事件的最佳实践？【英文标题】：jQuery:bestpracticeforunsetting/removingfunctionevents?【发布时间】：2011-12-1900:10:36【问题描述】：我正在使用jQuery插件CloudZoom，并且我已经更改了初始化，以便在用户单击“放... 查看详情

CSS3 - 性能最佳实践是啥？ [关闭]

】CSS3-性能最佳实践是啥？[关闭]【英文标题】：CSS3-Whataretheperformancebestpractices?[closed]CSS3-性能最佳实践是什么？[关闭]【发布时间】：2011-11-2102:38:15【问题描述】：去年我花了很长时间阅读javascript性能、瓶颈和最佳实践。在我的... 查看详情

WebSocket 服务器的最佳实践是啥？

...行通信。在大多数服务器端WebSocket实现中，有一个简单的函数，例 查看详情

JQuery 命名空间的最佳实践 + 通用实用程序函数

】JQuery命名空间的最佳实践+通用实用程序函数【英文标题】：BestpracticesforJQuerynamespaces+generalpurposeutilityfunctions【发布时间】：2011-05-3109:46:47【问题描述】：目前有哪些“经验法则”，用于实施JQuery命名空间以托管通用实用程序... 查看详情

在 jQuery 中使用 BIND 或 ON 函数的最佳实践 [重复]

】在jQuery中使用BIND或ON函数的最佳实践[重复]【英文标题】：BestpracticeusingBINDorONfunctionsinjQuery[duplicate]【发布时间】：2013-04-1202:24:15【问题描述】：最近jQuery团队开始推荐使用on而不是bind将事件绑定到DOM。我想知道它们之间是否... 查看详情

spark中将每个组作为新数据帧并在循环中传递另一个函数的最佳方法是啥？

】spark中将每个组作为新数据帧并在循环中传递另一个函数的最佳方法是啥？【英文标题】：whatisthebestwayinsparktogeteachgroupasanewdataframeandpassonanotherfunctioninloop?spark中将每个组作为新数据帧并在循环中传递另一个函数的最佳方法是什... 查看详情

创建自己的 Wordpress 循环的最佳方法是啥？

】创建自己的Wordpress循环的最佳方法是啥？【英文标题】：WhatisthebestmethodforcreatingyourownWordpressloops?创建自己的Wordpress循环的最佳方法是什么？【发布时间】：2010-10-0821:09:43【问题描述】：使用其内置函数从Wordpress输出内容似乎... 查看详情

NSPersistentContainer newBackgroundContext 的最佳实践是啥？

】NSPersistentContainernewBackgroundContext的最佳实践是啥？【英文标题】：What\'sthebestpracticeforNSPersistentContainernewBackgroundContext?NSPersistentContainernewBackgroundContext的最佳实践是什么？【发布时间】：2018-06-2421:22:00【问题描述】：我正在熟悉N... 查看详情

NSURLSession 的最佳实践是啥？

】NSURLSession的最佳实践是啥？【英文标题】：What‘sthebestpracticesofNSURLSession?NSURLSession的最佳实践是什么？【发布时间】：2020-12-2309:53:48【问题描述】：先订阅我的应用：大部分场景使用AFNetworking，一小部分场景使用NSURLSession.share... 查看详情

头文件和源文件中的 typedef 返回类型 - 最佳实践是啥？

...1-2405:57:21【问题描述】：我有一个具有长返回类型的成员函数的类：/*MyClass.hpp*/namespacefooclassMyClasspublic 查看详情

JSF 的最佳实践是啥？ [关闭]

】JSF的最佳实践是啥？[关闭]【英文标题】：WhatarethebestpracticesforJSF?[closed]JSF的最佳实践是什么？[关闭]【发布时间】：2010-09-0702:40:20【问题描述】：我过去做过Java和JSP编程，但我是JavaServerFaces的新手，想知道是否有一套JSF开发... 查看详情