Tag: setinterval

内部设置间隔的循环

我需要逐个写一个文字,暂停3秒。 之间。 我尝试了这个但是没有用。 3秒后 整个文本立即写入。 function thanks() { $(“#writer”).text(“”); var txt = “Thanks for visiting !”; for ( var i = 0; i < 22; i++) { setInterval(function(){ var type = txt.substring(0, i); $("#writer").text(type); }, 3000); }; };

试图在CSS类/hover状态之间循环 – Jquery

我正在尝试在JQuery中创建一个函数,它可以无限期地abortTimer它们的非hover和hover状态之间的几个链接,直到我的abortTimer函数被触发。 我想在相反的时间在a.mus-plr和a.earbuds之间制作动画,所以当其中一个元素启用了’.hover’类时,另一个不启用’.hover’类。 我希望每个元素每3000毫秒在它的hover状态之间切换。 任何帮助将非常感激! 我似乎无法让这个工作。 我认为这可能是我如何定义我的setInterval计时器的问题。 谢谢!! JQuery文件: $(document).ready(function(){ var tid = setInterval(animateControls, 4000); function animateControls() { $(“a.mus-plr”).delay(2000).addClass(‘hover’).delay(2000).removeClass(‘hover’); $(“a.earbuds”).addClass(‘hover’).delay(2000).removeClass(‘hover’); } function abortTimer() { clearInterval(tid); } });

使用jQuery和Ajax创建通知系统

我需要构建一个基于jQuery和Ajax的通知系统,我已经整理了一些PHP代码来显示JSON,如下所示: { “msg_new”: “1”, “note_new”: “2”, “frd_new”: “2”, “frd_link”: “” } 如何使用jQuery和setInterval将此“通知”加载到标记? 我有点困惑,有人可以帮帮我吗? 编辑 目前,这是我试图使用的代码,但它似乎不起作用: function get_new() { $.getJSON(“update_new.php”, function(data) { $(‘#new_msgs’).html(data[“msg_new”]); }); } setInterval(get_new, 1000);

淡入/淡出function的连续循环

我有以下函数,我想在一个连续循环上运行,我认为这对我有用,但不是这样,因为该函数只运行一次。 我不确定问题是否与方法,间隔或我的代码有关。 我对此很新。 var c = $(“.test p”).length; setInterval(faderepeat(c),20000); function faderepeat(c){ var i = 0; while (i<=c) { var p = $(".para"); ($(p[i]).delay(i*3000).fadeIn(2000).fadeOut(1000)); i++; } }

如何在不经常通知用户的情况下使用setInterval不断检查新消息?

我有一个jQuery AJAX函数,我检查新消息,如果有,我向用户显示他们有新消息的通知。 我的函数是getNewMessage(); 现在,它完全适用于页面刷新,因为一切都会发生。 但是,当我把它放在setInterval(“getNewMessage()”, 20000) ,我得到一个无限循环的通知。 这是可以理解的但是如何阻止它每次都通知用户但同时不断检查新消息? 这是我的getMessage函数,对不起大function: function getNewMessage() { /** Retrieve new messages **/ $.post(”, { newMessage : true}, function(data) { data = $.parseJSON(data); /** If new messages exist then display notification and popup **/ if(data) { var newMessageDialog = $(‘#newMessageDialog’); /** Create popup dialog options **/ newMessageDialog.dialog( { autoOpen: false, modal: […]

jQuery循环运行多个旋转器的序列

我试图在一个以顺序方式运行但没有同步转换的页面上有3个旋转器。 我编写了下面的代码,以为我可以设置一个间隔函数来每秒运行一次,保持计算它的访问次数,并将结果模数加十来得到我的动作点。 然而,这并没有按预期工作。 #rotate2按预期启动,然后#rotate3,但然后返回#rotate2。 事情变得非常糟糕,幻灯片一起消失,等等。 我还尝试将模数提高到30并将操作点设置为9,18和27.当我这样做时,#rotate2实际运行第二次,然后控制台返回到9.这就好像超时选项没有被尊重。 有什么建议? JS Fiddle Link: http : //jsfiddle.net/6yGET/2/ jQuery(function ($) { $(document).ready(function(){ $(‘#rotate1, #rotate2, #rotate3’).cycle({ timeout: 0, speed: ‘fast’ }); var count = 0; setInterval( function(){ count++; console.log(count % 10); switch(count % 10){ case 3: // rotator 2 change $(‘#rotate2’).cycle(‘next’); break; case 6: // rotator 3 change $(‘#rotate3’).cycle(‘next’); break; case […]

使用setInterval使ajax调用多次运行

我有一个vb.net aspx页面,它在document.ready上加载一个模态div。 然后我有一个函数,基本上对返回日期/时间的aspx页面进行ajax调用。 然后ajax调用使用日期和时间更新模态div层中的div 以上所有内容在页面最初加载时都有效。 但是我希望它每5秒钟左右做一次这个function – 但它只做一次。 所以我想总结的是… – 页面加载 – document.ready显示模态div(这个工作) – 然后setInterval调用ajax函数到我的页面返回date.time(这工作1次) 然后在显示模态div时,在页面上,setInterval继续执行上面的行(这不起作用) 没有我给任何代码(假设我的代码现在是垃圾)大声笑可以这样做吗? 基本上,我希望页面只需显示通过调用ajax函数每5秒更新一次div innetText的日期/时间。 如果我们可以让它工作,我会扩展它:) 再次任何帮助非常感谢:) 干杯 更新04-11-2013 10:04 我刚刚尝试将setInterval调用放在文档就绪块中 – 甚至在我调用的函数中添加了一个警告,看它是否实际调用它多次 – 而且它没有 – 仍然只有一次。 这是代码。 所以在脚本标签的开头我有 $(document).ready(function () { showPayWait(); setInterval(processPayment(), 5000); }); /* Function to Process Payment via AJAX calls so we can update the modal div […]

JQuery:简单幻灯片的麻烦

我正在努力制作一个超级简单的幻灯片。 我无法弄清楚为什么它不起作用。 第一张图片显示但不循环。 这是JSFiddle: http : //jsfiddle.net/cydonknight/kyhxy/ 和JQuery: $(document).ready(function(){ setInterval(“rotateImages()”, 2000 ); }); function rotateImages(){ var $onCurrent= $(‘#imageSlider div.current’) ; var $onNext= $onCurrent.next().length ? $onCurrent.next(); : $(‘#imageSlider div:first’); if (!onNext.length ) onNext=$(“#imageSlider div:first”); $onCurrent.addClass(‘previous’); $onNext.css({opacity: 0.0}).addClass(‘current’).animate({opacity:1.0}, 2000, function() { $onCurrent.removeClass(‘ previous’); }); } 任何帮助将不胜感激!

setInterval和setTimeout

var myTimer = setInterval(function(){ var eleID = ”; var delayTimer = ”; $(‘#hp-fcas li’).each(function(i) { eleID = $(this).attr(‘id’); delayedTrigger( $(‘#’+eleID + ‘ a’), 7000*i); }); function delayedTrigger(elem, delay){ setTimeout(function(){ $(elem).trigger(‘click’); }, delay ); } }, 21000); $(“.play”).click(function(){ clearTimeout(); clearInterval(myTimer); }); 第一个实例的第一个间隔是21秒。 第二个间隔是3个7秒的实例(我想要的)。 当我点击.play时,我正试图清除以上所有内容。 有帮助吗?

使用jQuery.html的setInterval只更新一次?

<?php echo ' $(function() { var refresh = setInterval(function() { $(“#content”).html(“‘.rand().'”); }, 3000); }); ‘; ?> 这将在3秒后用随机数更新div“内容”,但它只更新一次。 为什么它不会每三秒钟不断生成一个新数字,我怎样才能让它真正做到这一点呢? 提前感谢您提供的任何帮助。