setinterval

问题 $(document).ready(function () { var CurrentDate = new Date(); document.getElementById("UpperArea").innerHTML = CurrentDate.toDateString(); var t1 = setInterval(function () { SecondsProgress(); }, 100); function SecondsProgress() { var Seconds = CurrentDate.getSeconds(); var PercentOfTotalS = (Seconds / 60) * 100; $("#SProgressBar").css("width", PercentOfTotalS + "%"); $("#SProgressBar").text(Seconds); } var t2 = setInterval(function () { var Minutes = CurrentDate.getMinutes(); var

问题 I have a jQuery AJAX function where I check for new messages and if there are any, I display a notification to the user that they have a new message. My function is getNewMessage(); which for now works perfectly on page refresh because everything happens once. However, when I put it in setInterval("getNewMessage()", 20000) , I get an infinite loop of notifications. This is understandable but how do I stop it from notifying the user every time but at the same time keep checking for new

问题 I am trying to create a function in JQuery which animates a couple links between their non-hovered and hover states indefinitely until my abortTimer function is fired. I would like to animate between a.mus-plr and a.earbuds at opposing times, so when one of the elements has it's '.hover' class enabled, the other would not have it's '.hover' class enabled. I would like each element to switch between it's hover states every 3000 milliseconds. Any help would be much appreciated! I can't seem to

问题 I'm having trouble with a super simple slideshow I'm trying to make. I can't figure out why it won't work. The first picture shows up but it does not cycle through. Here is the JSFiddle: http://jsfiddle.net/cydonknight/kyhxy/ and the JQuery: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ setInterval("rotateImages()", 2000 ); }); function rotateImages(){ var $onCurrent= $('#imageSlider div

问题 I try to use setInterval to achieve animate effect in javascript, I want a div 's width increase 200px (the box's origin width is 100px ) in 1000ms : var MAX = 300, duration = 1000; var inc = parseFloat( MAX / duration ); var div = $('div')[0]; var width = parseInt(div.style.width, 10); function animate (id) { width += inc; if (width >= MAX) { clearInterval(id); console.timeEnd("animate"); } div.style.width = width + "px"; } console.time("animate"); var timer = setInterval(function () {

问题 After fixing CSS background-image style formatting to get better compatibility with Firefox and IE, I found that Chrome intermittingly loses the background images when you scroll up and down on the page. It happens not all the time but still so frequent that users will notice that you sometimes loose the background on your side panels and bottom panels. Being a javascript novice, I started to create something very simple in order to fix the website located at: http://greencoconut.nl/over/

问题 function initTimer(timeLeft) { var Me = this, TotalSeconds = 35, Seconds = Math.floor(timeLeft); var x = window.setInterval(function() { var timer = Seconds; if(timer === -1) { clearInterval(x); return; } $('#div').html('00:' + (timer < 10 ? '0' + timer : timer)); Seconds--; },1000); } I have this code. Everything works fine, when this tab is active in browser, but when I change tab and return in tab later it has problems. To be more precise, it Incorrectly displays the time. I'd also tried

问题 App.Controller = Ember.ObjectController.extend({ timerStart: function () { this.timer = setInterval(this.ctimer, 1000); }, timerEnd: function () { this.clearInterval(this.ctimer); }, ctimer: function () { var d = new Date(); document.getElementById("timeBar").innerHTML = d.toLocaleTimeString(); } }); in ember.js, the clearInterval function not working as I call the timerEnd function. what is right way to fix the problem on this code. Thank you. 回答1: Try adding the timer variable and clearing

问题 In this script I want to show image by number 0,1,2 and repeat each time, the problem it´s the next image show until animation and transition image end. var n_img_s = 2; i = 0; function more_slider() { if (i > n_img_s) { i = 0; } jQuery(".img_" + i).show(3000).delay(3000); jQuery(".img_" + i).hide(2000).delay(1500); i++; } setInterval("more_slider()", 5000); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="slider_cover"> <img src="https:/

问题 I have the following function that I would like to run on a continuous loop and I thought this would work for me, but not so because the function only runs once. I am not sure if the problem is with the method, the interval or my code. I am fairly new at this. 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++; } } 回答1: Change your setInterval call to: