stopping setInterval()

21 New Member

i'm making a javascript visualization effect, and i'm having some trouble with the stopping the main function when a certain particle reaches 100% height:

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

  <meta content="text/html; charset=ISO-8859-1"

 http-equiv="content-type">

  <title>$P4rk5</title>

  <script>

function fetchById(id){

if (document.getElementById){

var fetch = document.getElementById(id);

}

else if (document.layers){

var fetch = document.layers[id];

}

else if (document.all){

var fetch = document.all[id];

}

return fetch;

}

function main(id){

position = new Array();

position[0] = parseFloat(fetchById(id).style.left);

position[1] = parseFloat(fetchById(id).style.bottom);

position[1] = position[1] + 4;

fetchById(id).style.bottom = position[1] + "%";

fetchById(id).style.opacity = parseFloat(fetchById(id).style.opacity) - .04;

if(parseFloat(fetchById(id).style.left) < 50){

fetchById(id).style.left = parseFloat(fetchById(id).style.left) + 2 + "%";

}

else{

fetchById(id).style.left = parseFloat(fetchById(id).style.left) - 2 + "%";

}

if(position[1] < 100){

setInterval("main('p" + x + "')", 0);

}

}

  </script>

</head>

<body

 style="color: rgb(51, 204, 255); background-color: rgb(0, 0, 0); height: 100%; overflow: hidden;"

 alink="#3366ff" link="#3366ff" vlink="#3366ff">

<div id="container">

</div>

<script>

x = 0;

y = 10;

function create(){

while(x < y){

style = "z-index: " + Math.floor(Math.random()*100) + "; position: absolute; bottom: -10px; left: " + Math.floor(Math.random()*100) + "%; opacity: 1;";

image = document.createElement('img');

image.setAttribute('style', style);

image.setAttribute('alt', 'p');

image.setAttribute('src', 'particle.png');

image.setAttribute('id', 'p' + x);

fetchById('container').appendChild(image);

setInterval("main('p" + x + "')", 1);

x = x + 1;

}

y = y + 10;

setTimeout("create()",500)

}

create()

</script>

</body>

</html>

here is a demo: nowpct.awardspace.com/sparks.php

thanks!

Jun 25 '07 #1

Subscribe Reply

2098

naurus

New Member

sorry, i forgot to specify that i need to stop the setInterval("main('p" + x + "')", 1); function once that specific particle reaches 100% height

also, disregard the:

Expand|Select|Wrap|Line Numbers

 if(position[1] < 100){

setInterval("main('p" + x + "')", 0);

}

in the main function, it's been taken out.

Jun 25 '07 #2

eboyjr14

New Member

When you call setInterval(), save the returned number. (let's say it is setVar )

Then you would call clearInterval( setVar ); to stop it.

Jun 26 '07 #3

naurus

New Member

is there a way to stop a setInterval after you've called it?

Jun 27 '07 #4

naurus

New Member

thanks a ton!!!!! i never would've found that! i'll update the demo soon to show the finished product

Jun 27 '07 #5

gits

5,390

Recognized Expert Moderator Expert

hi ...

of course ;) have a look:

Expand|Select|Wrap|Line Numbers

 var interval = window.setInterval(func_ref, milliseconds);
 
// stop the interval - the above variable holds the reference to it

window.clearInterval(interval);

kind regards ...

Jun 27 '07 #6

acoder

16,027

Recognized Expert Moderator MVP

Merged threads.

Jun 27 '07 #7

Similar topics

7736

IE6: setInterval, this==window arrgh

by: Richard A. DeVenezia | last post by:

At line this.timerId = setInterval (function(){this.step()}, 100) I get error dialog Error:Object doesn't support this property or method. If I change it to this.timerId = setInterval...

Javascript

16079

Trouble using setTimeout/setInterval

by: Weston C | last post by:

In the course of trying to build a simple clock, I've run into a problem using the setInterval (and setTimeout) function. http://weston.canncentral.org/misc/tkeep/tkeep.html...

Javascript

2089

setInterval(F(x));

by: George Hester | last post by:

Hoe can I use setInterval where its argument is a function which also has an argument? For example I have a function change(Msg) where Msg is dynamically generated and returns nothing at this point...

Javascript

15184

Help using setInterval within an object function

by: marktm | last post by:

Hi- I am trying to use setInterval to call a method within an object and have not had any luck. I get "Object doesn't support this property or method" when I execute the following code. What I...

Javascript

3234

Window.setInterval not working from asp.net

by: barry | last post by:

If The script below is exeuted from the onload="startit()" in the body tag everything works fine but when I remove the onload and try to execute by using the attributes.add from within the Page_Load...

ASP.NET

1621

mouseout stopping a function

by: the other john | last post by:

I have a function that is activated by a mouseover. The function triggers an image rotation. I need to stop the rotation on the mouseout but I don't know how to do this. the mouseover triggers...

Javascript

5768

Calling window.setInterval within a loop containing args

by: shawn | last post by:

Hi All Was trying to get this bit of code working (simplified of course) for (i=0;i<uuid_num;i++) { window.setInterval(InitMap(uuidValues), timePeriod); } Where uuid_num, uuidValues,...

Javascript

2470

setinterval breaking my script

by: jonahmason | last post by:

hi. a javascript newbie here in dire need of help. for the past 3 days i've been trying to get a script using setinterval to work but a part of the code, that executes after setinterval hits a...

Javascript

2757

Newbie needs help with setInterval

by: shawnwperkins | last post by:

Hi Folks, I'm new to Javascript and just need a little help. I downloaded a script from Dynamic Drive's Web site and I'm trying to make a simple modification and could use some help. :) The...

Javascript

7118

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7192

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

6862

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

7364

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5452

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4886

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

3087

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

1397

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

282

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General