Stop A Countdown Function?
Oct 21, 2011How do you stop a countdown function?
View 6 RepliesHow do you stop a countdown function?
View 6 RepliesI'm using a countdown timer in a student project, and I use a simple code that I find on google. My problem is when the clock ends at 0 min 0 sec, it continue with the count. I want to stop when reach 0 min 0 sec. I show you the code.
[Code]...
I have a javascript code with a countdown timer that runs on the client side and is updated regularly to the date set in mysql db.
I want to make the timer stop when the internet connection is lost. I am thinking on using clearTimeout()...but I need to associate it with the internet connection.
Here is the script:
I found the below script that works fine for the actual countdown, but when the user refreshes the page, the countdown starts from 5 minutes again.
What I am trying to do, is handle users that put something in their shopping cart and then get side tracked or what ever reason and that same product then being purchased by another person when I only have 1 left.
So using PHP I am going to subtract the qty of that product by 1 and then I want the website to either put it back, if the users checkout times out, or if a normal process it is taken out permanently.
So long story short I think I need some sort of 'memory' for the javascript, so the user can't just keep refreshing and it starting from 5 minutes each time. Also it needs to be carried through to other pages.
I'm really struggling to write a bit of JS that displays the amount of time left to when your order will be shipped.For Example: If it's
1:05pm on Sunday, it would say: "Place your order within the next 1 day 2 hours 55 minutes and your order will ship Monday"
Another example: If it's 2:00pm on Saturday, it would say: "Place your order within the next 2 hours and your order will ship today"
I need to be able to change the cut off point from 4pm if needed...It must also ignore bank holiday (Ideally, it would have a section in the code where I could put all 'excluded' dates, e.g. 12/25/2009, 01/01/2010, etc. - This way I could keep it up to date).The code must take into account that we only deliver Monday to Friday (Therefore on a Friday after 4pm, it would not say delivery tomorrow, but Monday).Once the deadline hits (4pm), the countdown jumps back up to accommodate tomorrow's deadline, etc.Amazon does a very similar thing,
Im putting together a pair of countdown timers that need to restart every 24 hours. One restarts at noon and the other at midnight. Im using Keith Woods plugin @ [URL]
So far I have been able to implement his serverTime function to sync to the servers clock and instantiated 2 countdown timers. so far so good.
What I need to do now is 2 things:
1. I need to define today + X hours to countdown to instead of setting a exact date like in this example:
var noonCountDown = new Date();
noonCountDown = new Date(noonCountDown.getFullYear() + 0, 5 - 1, 28, -12);// 2011, May, 28, 12pm
2. Once today is defined dynamically I believe that may just solve the problem and reset the timer. But I may not be thinking clearly here. So I guess Im just wondering if this is how you would go about making the countdown restart upon completion.
Here is my code that Ive got so far:
$(function () {
function serverTime() {
var time = null;
$.ajax({url: 'http://www.localhost.com/projects/countdown/servertime.php',
[Code].....
I am working on a hw assignment which gave step-by-step instructions, but my page is still not displaying right (the instructions were pretty vague, but I followed them as the chapter described). I have only had one chapter of JavaScript (in this class which is HTML) so I'm not very familiar with it. I've gone over the code a bunch of times, but still cannot find where I went wrong. Nothing shows up on the web page at all, and I'm not sure why. Here's the code for the .js file: Code:
View 1 Replies View RelatedI've got the following JS function that does a basic countdown to a specific date. I have a series of dates, and rather than change the date manually each time the previous one has passed, I'd like to automate it a bit and have it just read the date from an array, and use that date for the countdown. The check would be if the countdown'd date has already passed. Here's what I currently have:
<script language="javascript">
// date/countdown
function showDate () {
var now = new Date();
var date = now.getDate();
var month = now.getMonth() + 1;
var year = now.getYear();
currentDate = now.getMonth() + 1;
window.status = month + "/" + date + "/" + year + " thisdomain.com ";
var roundCDiv = document.getElementById('roundC');
var showDate = month + "/" + date + "/" + year;
//roundCDiv.innerHTML = showDate;
// countdown
var nextDateB = new Date("October 30, 2005");
var diffB = nextDateB.getTime() - now.getTime();
var daysLeftB = Math.ceil(diffB / (1000 * 60 * 60 * 24));
var roundBDiv = document.getElementById('countdown');
//roundBDiv.innerHTML = daysLeftB + " days until ...;
roundBDiv.innerHTML = daysLeftB;
roundBDiv.innerHTML = daysLeftB + " ";
}
</script>
I am trying to set up a countdown function that will be called on the click of a button.
Function is below
function countDown(sec, min) {
sec--;
if (sec == -01) {
sec = 59;
[Code].....
I have seen many script and pages on the Net, that show a code like this as correct
[Code]...
but when I try I receive the error countDown is not defined.
What this function does is countdown the value of an HTML table-cell to zero (minus 1 every second) then stop counting that specific cell when it's finished. This works perfectly, the problem is that when it is called AGAIN for a different table-cell, the previous cell starts reducing its value by 2 every second instead of 1. This function supports the Hour:Minuteecond format. So, how would I make this function so that I can call an infinite number of different table cells, and the previous table cells timers would not be affected (they would still countdown 1 per second as they should)?
This is the code which CALLS the function, where $i is 1-5 inclusive, defined by PHP:
timer('ff".$i."', ". rand(1,100) .");
This is the BODY of the function itself, called by the above command
var running = new Array(50);
function timer(data, id){
//clearTimeout(id[data]);
var id=new Array(50);
// usage: var id=new Array(50); timer('cq0');
dat=document.getElementById(data);
var time=(dat.innerHTML).split(":");
var done=0;
if(dat.innerHTML == null) {
done = 1;
alert('null');
} if (time[2]>0) time[2]--;
else {
time[2]=59;
if (time[1]>0) time[1]--;
else {
time[1]=59;
if (time[0]>0) time[0]--;
else {
clearTimeout(id[data]);
done=1;
running[data] = 0;
renderStack();
}}}
if (!done){
dat.innerHTML=time[0]+":"+time[1]+":"+time[2];
id[data]=setTimeout("timer('"+data+"')", 1000);
running[data] = 1;
}}
I'm using a javascript-based countdown timer that currently uses the client's system time to calculate the countdown. I assume that this line of code is where this is performed:
Code:
I'm trying to make the script use server time instead as some people may have wrong dates/times set or live in different time zones etc.
So what I did was use a bit of php:
PHP Code:
This gives a result but now the countdown is 30 days off. I am testing on my local xampp server (which also uses system time) so there should be no discrepancy. I also tried adding
Code:
But no difference.
I can post the whole script if required but it is reasonably long.
How do I stop the displaymessage function when i ==1 code...
View 6 Replies View Relatedi have a function, i want it to keep doing the function while the mouse is over a button and then stop when its off.....to repeat i can just call the function again at the end of the function like this:
onMouseOver="doFunction()"
doFunction() {
//do something
doFunction();
}
but how can i make a function stop to it onmouseout?
I used this expandable menu bar from this site(example on the site)
anyways, i want an alert window with the height of the menu bar.[code]...
Is there a function to tell jquery to only do something on the first instance that matches then to stop. For example I add a class to a LI to an UL with the below but it adds the LI to all ULs under it.
$("div#container ul").prepend("<li>Home</li>");
Original code:
<ul><li>
<ul><li>item</li>
</ul></li>
</ul>
Code needed:
<ul>
<li>Home</li>
<li><ul>
<li>item</li>
</ul></li></ul>
Currently Output code:
<ul>
<li>Home</li>
<li><ul>
<li>Home</li>
<li>item</li>
</ul></li></ul>
I am working on an image changer. I found that if I do a fadeout/fadein on an element and then try to do another fadeout/fadein on the same element it does not work so I put my fadeout/fadein inside a function and do all my work in the callback portion along with a call to self to make the function keep running in a loop. I just need to know how to incorporate the hover function to make the script stop while hovered over a specific element (will be one of 6 image divs).
Here is the code
Code:
$(document).ready(function() {
var newImage = 'img/1.jpg'; //starts the process with the first image (same as the one in css background-image)
imgreplace(newImage);
});
var files = new Array('img/1.jpg', 'img/2.jpg', 'img/3.jpg');
function imgreplace(newImage){
$("#imgbox").fadeOut(500, function(){
$(this).css('background-image' , 'url(' + newImage + ')').fadeIn(500);
var currImage = newImage; .....
I need to get the randomness fixed because it is still returning the same image sometimes but other than that it works. I just need to be able to hault the function on hover and let it restart where it left off when I move the mouse away. In the unhover section I will be adding code to place an overlay image and href link but I don't think that will be a problem if I can get the start/stop working with hover. Actually I'm hoping to set some variable and use it in my getNewImage function so the other images continue to change but getting the entire script to stop so all the images stop changing will be OK.
I have an auto running function which slides and changes content every 3 seconds.
But I also have another jquery effect which when you click, it also changes the effect, but at the moment I can't have both running at the same time as weird behaviour happens (when clicking, it changes then because 3 seconds have passed it changes again anyway).
We want a way where the user clicks to change, and the auto running function ceases until next reload of the page. code...
JavaScript
window.addEvent('domready',function(){
//SAMPLE 8
var handles8_more = $$('#handles8_more span');
var nS8 = new noobSlide({
[Code]....
All I need to do is when they hover ocer the div statement stop the program from looping. and then when they stop hovering over it let it start looping again.
Is there a function in javascript the same as PHP's exit(). I have:
<script>
****EXIT OR EQUIVILENT IN JAVASCRIPT*****
</script>
<a id="java" style="color:#FFFFFF; ">Enable javascript to view my website</a>
This tells me if javascript is on or off.
I have got two div's for javascript, dyn1 and dyn2. Dyn1 on mouse over sets a interval and on mouse out clears the interval.
When the page loads it calls a function called 'first' and this displays a table in dyn1.
Then the user can click a link and this calls another function 'second' which deleted the table in dyn1 and creates a table in dyn2 and is suposed to clear the setInterval.
The problem is after a second of clearing dyn1 and creating the table in dyn2 the setinterval is still running and deletes dyn2 and re creates the table in dyn1.
Is it possible to stop a interval when the user clicks a link? At the moment the second function is calling the stoptimer() function to try and stop it.
I've this script that make change a class every 3 seconds. How do I stop the loop, so it will stop on the second class?
$(function() {
var $target = $("#wrap");
var classes = ['hide', 'show'];
var current = 0;
[Code].....
This script works to stop a right click unless the alert() is taken out.
1. Why is this ?
2. How do you get this to work without the alert() ?
function f(e){
if (event.button==2){
alert('Please no right click.');
return false;
}}
document.onmousedown=f
I'm having some difficulty preventing a function from executing. Here's a scenario: I have a drop down list that has a sub menu. When you "mouseover" the menu heading, the sub menu expand and when you "mouseout" the menu heading, the submenu collapse. I also add "mouseover" and "mouseout" listeners to the sub menu. My trouble is how do I prevent the drop down list from collapsing so that I can get to the sub menu. And only collapse when there is a "mouseout" on both the menu heading and the sub menu? How do I prevent a function from executing, from inside another function?
View 1 Replies View RelatedI'm using jQuery and i have an animation effect which is executed via two methods:-
method 1: clicking on a nav link.
method 2: manually scrolling past a specified point.
Now, since method 1 will make the page scroll to the relevant anchor, by it's nature, it will trigger method 2.
What i need is a way to prevent method 2 from executing if method 1 is in operation.
i m working on a file i created a function which i call upon when body tag load but it loads so many window. coz its going in a loop. how can i stop it? here is the code
Code HTML4Strict:
<html>
<head>
[code]......