Calling a function from within a function question

Calufrax12

Hello. I am attempting to create a small app that rotates images, with buttons to stop, slow or speed up the animation, or to start/reset. The button functions work, but when they try to contact another function (setSpeed) or even use setTimeout or setInterval, those are ignored. Putting in other commands in those functions (e.g. window.alert("test") statements yields results, so I know it's doing something. Any help would be much appreciated...

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Animation</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript">

</script>
</head>

Dennis E White

I am assuming that you are trying to change the image based on some interval that you can control via user input. The initial image is most likely coming up but not the other. The reason is because the second image has not been loaded. You can either write some code to load the image or you can "stack" the two images and control their visibility via a style/css setting that you adjust during your interval calls. Best of luck.

you want something inspirational??

thanh_bkhn

Hi there, I think there is a problem when you call setSpeed(): You clear interval by calling

clearInterval(myFx);

This is the global myFx, but when you set a new interval, you return to a local variable

var myFx = setInterval(doFx,y);

If you remove the "var" in order to use the global myFx variable, the problem should be resolved.

myFx = setInterval(doFx,y);

Calufrax12

Removing the redundant var fixed everything, I can't believe I hadn't noticed that... Thanks much!