jQuery中与setTimeout相关的方法

斯托扬·丹科夫(Stoyan Denkov)

我有一个幻灯片:

HTML:

<div class="fadein">
    <img src="abc.jpg">
    <img src="abc2.jpg">
    <img src="abc3.jpg">
</div>

jQuery:

$(function asd(){
    $('.fadein :first-child').appendTo('.fadein');
    setInterval(function () {
        $('.fadein :first-child').appendTo('.fadein').hide().fadeIn().end();
    }, 1000);
});

我想要一个setTimeout方法,该方法会影响上面的setInterval方法,如果可能,请在单击此div-“ .fadein”时调用clearInterval方法。

这是我尝试的许多错误,您甚至都无法想象的错误:

小提琴:http : //jsfiddle.net/C3f6J/32/

欧文·多米宁(Irvin Dominin)

类似于以下代码:

var myVar;
$(document).ready(function () {
    setTimeout(function () {
        $('.fadein :first-child').appendTo('.fadein');
        myVar = setInterval(function () {
            $('.fadein :first-child').appendTo('.fadein').hide().fadeIn().end();
        }, 1000);
    }, 5000);
    $('.fadein').on('click', function () {
        clearInterval(myVar);
    });
});

myVar包含间隔引用及其全局范围,如果您fadein清除间隔,它将在5秒超时后开始

演示:http//jsfiddle.net/VVSuN/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

还原Javascript / jQuery中的setTimeout方法?

来自分类Dev

foreach中的jQuery setTimeout

来自分类Dev

Javascript / Jquery中的setTimeout

来自分类Dev

jQuery 中的 Delay() 与 SetTimeOut()

来自分类Dev

在ajax请求/ setTimeout中执行jQuery小部件方法

来自分类Dev

在ajax request / setTimeout中执行jQuery小部件方法

来自分类Dev

在不关闭的情况下在setTimeout中执行jQuery成员函数的方法?

来自分类Dev

访问在.cs文件中声明的Web方法,该方法与Ajax(jquery)中的任何aspx或ascx文件都不相关

来自分类Dev

jQuery中带有循环的setTimeout

来自分类Dev

setTimeinterval中的jQuery setTimeout无法正常工作

来自分类Dev

jQuery中带有循环的setTimeout

来自分类Dev

JavaScript中setTimeout方法中的参数混乱

来自分类Dev

添加setTimeout方法会使jQuery悬停方法忽略setTimeout方法内部的函数

来自分类Dev

setTimeout / Interval是从$ .each方法中调用的吗?

来自分类Dev

在mysql中访问相关字段的最佳方法

来自分类Dev

使用jquery在表中添加与MVC中的模型相关的行

来自分类Dev

我在哪里将setTimeout放在jQuery函数中?

来自分类Dev

在jQuery中显示内容之前如何显示setTimeout图像?

来自分类Dev

如何找到与jquery中表中的单击按钮相关的<tr>数据?

来自分类Dev

使用ajax和jquery在codeigniter中获取相关的行值

来自分类Dev

SetTimeout中的SetTimeout不触发

来自分类Dev

递归setTimeout中的递归setTimeout

来自分类Dev

控制器方法不起作用:如何在相关模型中查找相关记录?

来自分类Dev

如何停止setTimeout中定义的方法执行

来自分类Dev

具有原型方法的构造函数中的 setTimeout

来自分类Dev

与Java中的序列化相关的方法声明

来自分类Dev

strongloop在afterRemote方法中创建相关的模型对象

来自分类Dev

如何修复与load()方法相关的Magento中的内存泄漏?

来自分类Dev

相关类层次结构中工厂方法的实现

Related 相关文章

  1. 1

    还原Javascript / jQuery中的setTimeout方法?

  2. 2

    foreach中的jQuery setTimeout

  3. 3

    Javascript / Jquery中的setTimeout

  4. 4

    jQuery 中的 Delay() 与 SetTimeOut()

  5. 5

    在ajax请求/ setTimeout中执行jQuery小部件方法

  6. 6

    在ajax request / setTimeout中执行jQuery小部件方法

  7. 7

    在不关闭的情况下在setTimeout中执行jQuery成员函数的方法?

  8. 8

    访问在.cs文件中声明的Web方法,该方法与Ajax(jquery)中的任何aspx或ascx文件都不相关

  9. 9

    jQuery中带有循环的setTimeout

  10. 10

    setTimeinterval中的jQuery setTimeout无法正常工作

  11. 11

    jQuery中带有循环的setTimeout

  12. 12

    JavaScript中setTimeout方法中的参数混乱

  13. 13

    添加setTimeout方法会使jQuery悬停方法忽略setTimeout方法内部的函数

  14. 14

    setTimeout / Interval是从$ .each方法中调用的吗?

  15. 15

    在mysql中访问相关字段的最佳方法

  16. 16

    使用jquery在表中添加与MVC中的模型相关的行

  17. 17

    我在哪里将setTimeout放在jQuery函数中?

  18. 18

    在jQuery中显示内容之前如何显示setTimeout图像?

  19. 19

    如何找到与jquery中表中的单击按钮相关的<tr>数据?

  20. 20

    使用ajax和jquery在codeigniter中获取相关的行值

  21. 21

    SetTimeout中的SetTimeout不触发

  22. 22

    递归setTimeout中的递归setTimeout

  23. 23

    控制器方法不起作用:如何在相关模型中查找相关记录?

  24. 24

    如何停止setTimeout中定义的方法执行

  25. 25

    具有原型方法的构造函数中的 setTimeout

  26. 26

    与Java中的序列化相关的方法声明

  27. 27

    strongloop在afterRemote方法中创建相关的模型对象

  28. 28

    如何修复与load()方法相关的Magento中的内存泄漏?

  29. 29

    相关类层次结构中工厂方法的实现

热门标签

归档