Tag: 计时器

如何在经过一定时间后才显示消息jquery – 阻止表单提交

我有一个结账页面,其中有一些ajax调用,用于在用户更改交付国家时更新隐藏字段。 大多数情况下,这很好用,页面有时间在用户单击提交之前更新隐藏字段。 有些时候,由于连接速度慢或者ajax没有及时返回隐藏字段而且允许用户提交不完整的表单。 在这里阅读了另一个问题后,我使用ajaxStart和ajaxComplete来禁用并重新启用表单的提交按钮。 我还想在按钮旁边显示“请稍候”消息,以便让用户了解正在发生的事情。 这一切都很好,但在99%的情况下,这个消息闪烁并快速消失,太快阅读和看起来分散注意力/错误。 我想要做的只是显示此消息,如果ajax调用需要很长时间才能响应(表明我们连接速度很慢) – 比如250ms? 我以前没有在jquery中使用计时器,所以这有望帮助我掌握所涉及的概念。 这是迄今为止的function // if we’re waiting for any ajax to complete we need to disable the submit $(document).ajaxStart(function() { $(“.ajaxbutton”).attr(“disabled”, “disabled”); // if it’s taken longer than 250ms (say) display waiting message $(‘#processingAlert’).html(‘ …please wait one moment’); $(‘#processingAlert’).show(); // end the if here }) $(document).ajaxComplete(function() { […]

使用jquery在x秒后淡出div

我在加载页面时不会显示淡入淡出的div: $(‘#overlay’).fadeIn(‘fast’); $(‘#box’).fadeIn(‘slow’); 我会在x秒后执行此指令,执行div的fadeOut: $(‘#overlay’).fadeOut(‘fast’); $(‘#box’).hide(); 我该怎么做? 实际上fadeOut是在点击按钮时完成的。 脚本在这里: http ://clouderize.it/cookie-localstorage/a.php单击另一个图像时出现的div将在x秒后消失。 非常感谢。

jQuery进度计时器栏

我在jQuery中有一个进度计时器栏 – 这是一个例子http://jsfiddle.net/6h74c/ 如果我有时间值(以毫秒为单位)(600000 = 10分钟,300000 = 5分钟等),如何在该段时间内增加条形图? 在jsfiddle链接中,我正在尝试将进度条设置为增加835000ms。 但是,setTimeout()决定了条形图增加的频率,它也是基于宽度百分比,这似乎不准确 – 我应该这样做吗? function updateProgress(percentage) { $(‘#pbar_innerdiv’).css(“width”, percentage + “%”); // probably not ideal $(‘#pbar_innertext’).text(percentage + “%”); } function animateUpdate() { perc++; updateProgress(perc); if(perc < 835000) { timer = setTimeout(animateUpdate, 50); // probably not ideal either? } }

有没有办法一次清除所有JavaScript计时器?

我正在使用jQuery .load为我的网站构建一个自动刷新评论部分。 所以我使用javascript’setTimeout’计时器来检查新的评论。 但是在做了一些改变评论页面或删除(所有使用ajax)之类的东西之后,一些旧的计时器继续运行,即使我在加载新的ajax内容之前使用了clearTimeout。 当我加载新的ajax内容时,有没有办法清除所有的javascript计时器?

javascript / jquery倒计时器与JSfiddle的例子?

我正在构建一些东西,其中一个是倒数计时器,倒计时永远不会超过一个小时,所以我需要做的就是倒计时分钟和秒。 我有部分工作,但问题是前导零。 我让它在几秒钟内完成工作,但没有分钟。 看看我的例子http://jsfiddle.net/cgweb87/GHNtk/ JavaScript的 setInterval(function() { var timer = $(‘span’).html(); timer = timer.split(‘:’); var minutes = timer[0]; var seconds = timer[1]; seconds -= 1; if (minutes < 0) return; if (minutes < 10 && length.minutes != 2) minutes = '0' + minutes; if (seconds < 0 && minutes != 0) { minutes -= 1; […]

显示倒计时时间表jquery会话超时

我找到了https://github.com/travishorn/jquery-sessionTimeout这个我想在我的项目中使用的jquery会话超时。 它看起来在背景中工作得很好,尽管我想在文本中显示倒计时时间? 如何显示计时器 ,或者你们除了这个以外还有其他建议吗? (function( $ ){ jQuery.sessionTimeout = function( options ) { var defaults = { message : ‘Your session is about to expire.’, keepAliveUrl : ‘/keep-alive’, redirUrl : ‘/timed-out’, logoutUrl : ‘/log-out’, warnAfter : 900000, // 15 minutes redirAfter : 1200000 // 20 minutes }; // Extend user-set options over defaults var o […]

在javascript中获取触摸的持续时间

是否可以在ios设备上使用javascript获取触摸的持续时间(如果可能的话还可以使用其他设备)? 我想区分长按和iphone webapp上的短按“点击”。 谢谢您的意见 :)

如何使用jQuery来处理click,dblclick分离中的计时器

我在http://abeautifulsite.net/notebook/58上使用jQueryFileTree,我想区分dblclick和click事件,因为点击总是由dblclick触发。 谷歌搜索引发了一种技术,其中点击由计时器处理,当dblclick不取消它时启动。 有没有什么方法可以用jQuery和jQuery示例以优雅的方式使用?

Jquery在最后一次按键后2秒运行代码

我正在为网站开发自动搜索function。 它使用ajax来查询api。 在输入3个字符后的那一刻,它将在每次按键时搜索。 我想要的是 情况1: 用户输入tes 2秒通过搜索执行 案例2: 用户输入tes 1秒传球 用户按下t 2秒过去了 搜索是在测试中执行的 情形3: 用户输入tes 1秒钟通过 用户按下t 1.5秒过关 用户按我 1.5秒过关 用户按下 1.5秒过关 用户按g 2秒过去了 在测试中搜索 如您所见,搜索操作仅在按键后两秒钟内没有按键(或粘贴等)时执行。 我的基本想法是。 on keydown调用一个设置超时的函数,该函数还设置一个包含文本框中最后一个条目的变量。 当超时到期时,它会检查框中的值以查看它是否与变量中的值匹配。 如果匹配则没有变化。 搜索也是如此 如果他们不做任何事情,因为后续按键的超时将跟随进行相同的检查。 这是唯一/最好的方法吗?