Tag: 计时器

jQuery – 如何只在视图中加载我的计数器?

我非常擅长修补jQuery。 我找到了一个计数器计数器的解决方案,用于显示%的节省。 我遇到的问题是,它在页面加载后立即运行,并且元素在屏幕下方稍微移动,并且它失去了效果,因为当访问者看到站点时,计数器已经到达数字。 我需要等待加载,直到它在浏览器中进入视图。 我感谢任何帮助。 谢谢。 (function ($) { $.fn.countTo = function (options) { options = options || {}; return $(this).each(function () { // set options for current element var settings = $.extend({}, $.fn.countTo.defaults, { from: $(this).data(‘from’), to: $(this).data(‘to’), speed: $(this).data(‘speed’), refreshInterval: $(this).data(‘refresh-interval’), decimals: $(this).data(‘decimals’) }, options); // how many times to update the value, […]

具有重置function的倒数计时器,使用jquery和downCount

我正在使用来自http://www.jqueryscript.net/time-clock/Extremely-Lightweight-jQuery-Countdown-Timer-Plugin-downCount.html的倒数计时器 我想添加一个重置计时器的按钮。 没有内置function,所以我编写了自己的function来完成它。 我是javascript的新手,无法让时钟倒计时(在我的网站上工作,因为某种原因不在jsfiddle中)或实际重置。 我在这里构建了一个JSFiddle: https://jsfiddle.net/9dzu7g6a/ 复位function: function reset(){ var date = new Date(); var day = date.getDate(); var month = date.getMonth()+1; var year = date.getFullYear(); var hour = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); var dateString = day + ‘/’ + month + ‘/’ + year + ‘ ‘ + hour […]

clearInterval()无法正常工作

我最近一直试图每两秒重复一次jQuery AJAX请求。 请注意:我已经查看了SO上的其他问题而不是它们似乎适用于我的情况,我也查看了文档。 片段: else if (text == “load”) { $(“.response”).text(“working!”); var traffic = function load() { $.ajax({url:”load.php”,success:function(result){ var obj = jQuery.parseJSON(result); var ids = obj.map(function(el) { return “” + el.id + “” + el.ip + “” + el.proxyip + “” + el.ping + “” + el.time + “”; }); $(“.response”).html(“IDIPsProxy IPPingTime” + ids + […]

保持Ajax计时器同步

我有以下jQuery函数,我用它来显示页面上的计时器: function update() { $.ajax({ type: ‘POST’, url: ‘check_time.php’, data: ‘checktime=true’, timeout: 0, success: function(data) { $(“.time_remaining”).html(data); window.setTimeout(update, 1000); var time = data; if(time<=0) { $(".time_remaining").html("Reloading the page now."); refresh(); } else { $(".time_remaining").html("There are "+data+" seconds left." ); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("#notice_div").html('Error contacting server. Retrying in 60 seconds.'); window.setTimeout(update, […]

使用服务器时间的jQuery计时器/倒计时

我试图每10分钟倒计时一次(根据服务器时间而不是客户端)。 每隔10分钟(例如上午10点,上午10点10分,上午10点20分:上午十点),需要刷新页面并重新开始。 我找到了超时function,但没有使用服务器时间,我可以重置数十。 以前有人做过这样的事吗? 谢谢

为Animated Collapsible DIV添加了一个计时器

我使用http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm来做到这一点:[link-removed]。 我正在尝试找到JavaScript在连续循环中循环遍历四个菜单中的每个菜单的最佳方式,而无需任何用户交互,但无法思考如何执行此操作! 还有一个我无法解决的错误:它会记住你在哪个菜单,但背景图像总是来自页面加载的最后一个菜单。 谢谢!

使用ASP.Net C#以定期时间间隔(来自数据库)发射事件#

请查看下面的图片。 下面我有一个简单的彩票系统,我有这些列, 游客:迄今为止没有访客 Next DrawTime:将来自数据库(没问题) TodayDate:当前的IST日期(与此相关的noproblem) CurrentTime:当前IST时间,秒数与时钟一样。 结果 TimeToDraw:这里有主要问题。 在这里,我们需要再次使用分钟和秒。 例如,如果它从db获得15分钟,那么该字段将显示15:00,并且每秒将按照14:59,14:58等递减。依此类推。 当计时器达到零00:00时,我需要执行一些服务器端代码,根据db中保存的数据绘制结果,而不重新加载整个页面。 我感到迷茫。 请帮我。 我尝试了很少的链接,但没有得到任何满意的结果。 这是链接 使用JQuery计时器调用js-function http://r4r.co.in/asp.net/01/tutorial/asp.net/How%20to%20make%20CountDown%20Timer%20in%20ASP.NET%20Using%20c-sharp.shtml Javascript事件基于本地时钟触发 如何定期更新网页上的服务器端值? 要求(更新) : 使用服务器端或客户端脚本实现分钟:秒(MM:SS)自动收报机。 当股票代码达到零(00:00)时如何触发事件? 在绘制结果后,股票代码将重置为15分钟/ 30分钟或来自数据库的任何内容。 请我纯粹需要ASP.Net和C#(如果可能的话)代码。 任何参考或链接将非常感激。 提前致谢

Jquery图像fadein延迟X

如何让我的图像一个接一个地出现? 我目前正在使用Jquery fadein使我的图像淡化,但我希望它们在不同的时间开始。 无论如何我可以延迟图像淡入? 很快? $(document).ready(function(){ window.onload = function() { $(‘.fader1’).hide().fadeIn(3000); $(‘.fader2’).hide().fadeIn(9000); $(‘.fader3’).hide().fadeIn(6000); }; });

Javascript在当天剩下的时间?

我理解如何在一定程度上工作倒数计时器和日期计时器(到指定的日期,即YYYY-MM-DD),但我正在开发一个Web开发大学项目,我希望我的一个网页(JSP文件)到有一个倒数计时器,其中包含从Web应用程序启动之日起剩余的秒数。 该网页还将包含一个Ajaxfunction,用户可以点击一个按钮,然后会出现随机的激励信息(我知道这段特殊的代码,但它只是为了让您了解我为什么要这个倒数计时器)。

jquery语法错误

此代码应该产生以下效果:当.expander被鼠标hover时,它会等待400毫秒,然后在270毫秒的时间内扩展到其原始大小的150%。 如果鼠标离开.expander ,则取消扩展。 $(“.expander”).on(‘mouseenter’, function () { $.data(this, ‘timer’, setTimeout(function () { $(this).stop(true, true).animate({width: “150%”}, 270, function() {}); }, 400)); }).on(‘mouseleave’, function() { clearTimeout($.data(this, ‘timer’)); $(this).stop(true, true).animate({width: “150%”}, 270, function() {}); }); 当我将鼠标移到.expander ,没有任何反应。 但是,当我的鼠标离开.expander ,它会增长。 因此代码的第二部分必须正常。 有没有人看到第一部分有任何问题?