JavaScript Forum

**flatrat** · 02:20 AM

how can i get this to work

Code:

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("document.getElementById("b1").src = "/tiles/1.bmp")",500);
}
</script>
</head>
<body onload="timedMsg()"/>

what im trying to do is add a wait before changing a image,
(done a few times to create a drifting across the page look)

this is the prototype however ill further try to make it change other stuff about the image if this is not possible then i'd like to know a way to show/hide images with a wait inbetween them

**wayfarer07** · 07-28-2009, 10:45 AM

setTimout needs a function as its parameter, even if it is an anonymous one. And you don't need to assign its value to a variable unless you intend to clear it(cancel it before the timer stops):

Code:

function timedMsg() {
     setTimout(function() {
          document.getElementById("b1").src = "/tiles/1.bmp";
     }, 500);
}

**flatrat** · 11:12 AM

thanks

**wayfarer07** · 07-28-2009, 05:28 PM

You're welcome

**flatrat** · 07-31-2009, 02:34 PM

why doesnt the settimeout trigger function3(), function2() is ran from a onclick event,

Code:

 function function2() {
var x1=myX.innerHTML;
var y1=myY.innerHTML;
moveObjTo('rest',x1 -10 ,y1 -10);return false;
setTimeout("function3()", 500);
}
function function3() {
var x1=myX.innerHTML;
var y1=myY.innerHTML;
moveObjTo('rest',x1 -50 ,y1 -50);return false;
}

**wayfarer07** · 02:48 PM

Quote:

setTimeout("function3()", 500);

function3() should not be in quotes:

Code:

setTimeout(function3(), 500);

***EDIT***
oh, and you're returning false before the setTimeOut even executes. Any return statement will exit the function.