|
JavaScript - Settimeout Doesn't Seem To Be Working...
This one has me stumped, it seems that no matter what i do the indicator needle in this web app just won't move.
The odd thing is, i'm able to verify that the function for the setTimeout is being called, but when i try to write some data to the TextArea, or even do a simple alert, ...that data is not written, nor is an alertbox activated. ...just for those wondering, this is a JavaScript implementation of the Micro Pk test (bell curve - obviously) from the RetroPk experiments website. Code: <html>
<head>
<script type="text/javascript">
var Status = "Start";
//calculate the Z-score
var Direction = "Left";
var Sound = 0;
var Zero = 0; //Reset the 1s and 0s Sum variables
var One = 0;
var RngNumbers = 10; //Number of Random Numbers to generate
var zScore;
var IndicatorPos;
var Stop = 0;
function Start()
{
alert("starting");
while (Stop != 0)
{
IndicatorPos = parseInt(document.getElementById("Indicator").style.left);
var tick = setTimeout(CheckRNG(), 1000);
}
}
function CheckRNG()
{
document.getElementById("debug").value = "starting loop" + "\n";
for (var zCounter = 1; zCounter <= RngNumbers; zCounter++) //Generate a series of random numbers and Add the number of 1s and 0s
{
var RngNumber = Math.round(Math.random() * 1);
if (RngNumber == 1) //Count the number of 0s
{
Zero = Zero + 1;
}
else
{
One = One + 1; //Count the number of 1s
}
}
var OldScore = zScore;
var Mean = RngNumbers * (1 / 2); //Calculate the statistical mean of the Random number sum
var StandardDeviation = Math.sqrt(Mean / 2); //Calculate the standard deviation of the RNG stream
alert("hi");
document.getElementById("debug").value = StandardDeviation;
if (Direction == "Left") //If the direction for Hits is "Left" then calculate z-score for 1's
{
zScore = (One - Mean) / StandardDeviation;
}
if (Direction == "Right") //If the direction for Hits is "Right" then calculate z-score for 0's
{
zScore = (Zero - Mean) / StandardDeviation;
}
//Swap the previous and current z-score variables
if (zScore > OldScore)
{
document.getElementById("Indicator").style.left = IndicatorPos + 1 + "px";
if (Sound == 1)
{
//playwave SoundFile$, async //If the sound is turned on, and there is forward progress
} //play the default indication sound
}
if (zScore < OldScore)
{
document.getElementById("Indicator").style.left = IndicatorPos - 1 + "px";
if (Sound == 1)
{
//playwave SoundFile$, async //If the sound is turned on, and there is forward progress
} //play the default indication sound
}
}
</script>
</head>
<body>
<div style="position: absolute; top: 0px; left: 0px">
<img id="BGimage" src="BellCurve.png" style="position: relative; top: 0px; left: 0px;">
<div id="Indicator" style="background: red; position: absolute; top: 0px; left: 393px; width: 1px; height: 302px;"></div>
</div>
<div style="position: relative;">
<input type="button" value="Start" onClick="Start();">
<input type="button" value="Stop" onClick="javascript:Stop++;">
</div>
<textarea id="debug" cols=10 rows=10 style="position: relative;"></textarea>
</body>
</html>
Similar TutorialsI have a code snippet here. Everything in it works as expected. However the setTimeout does not seems to be working. It should be an infinite loops updating the contents of the table every 5 sec. However the table shows once when first called and the setTimeout never seems to kick in. Any help in getting that loop to work would be greatly appreciated. Code: statTick : function (){
var t = Tabs.Train;
var m = '<TABLE class=pbTabPad>';
clearTimeout (t.statTimer);
for (var c=0; c<Seed.s.cities.length; c++){
var last = serverTime();
var trains = [];
m += '<TR><TD>City #'+ (c+1) +' ';
for (var t=0; t<Seed.s.cities[c].jobs.length; t++){
if (Seed.s.cities[c].jobs[t].queue=='units' && Seed.s.cities[c].jobs[t].unit_type)
trains.push (Seed.s.cities[c].jobs[t]);
}
if (trains.length == 0)
m += 'idle</TD></TR>';
else {
for (var j=0; j<trains.length; j++){
var left='', tot='';
if (j==0)
left = 'Training ';
else if (j==trains.length-1)
tot = '   <B>('+ timestrShort(trains[j].run_at-serverTime()) +')</b>';
m += left + trains[j].quantity +' '+ trains[j].unit_type + ' '+ timestr(trains[j].run_at-last, true) + tot +'</TD></TR>';
last = trains[j].run_at;
}
}
}
document.getElementById('pbtrnTrnStat').innerHTML = m +'</table>';
t.statTimer = setTimeout (t.statTick, 5000);
},
[CODE] function slide(dir, i) { //getW() gets the width of the window //i is initally set to 0 var w = getW(); if(i < w) { document.getElementById('page').style.left = (document.getElementById('page').offsetLeft - 1)+"px"; i++; setTimeout("slide("+dir+", "+i+")", 100); } } [/ CODE] the function executes from it's initial calling but never calls itself back up So I have a very simple block of code: Code: function successfulReg() {
alert(1);
// $.colorbox({ html: '<p>Registration successful!</p>' });
}
if ($('#regSuc').size()) setTimeout('successfulReg', 1000);
If the regSuc item exists (1 second after the page loads), I want to bring up a lightbox. As I couldn't get this to work, I tried to get an alert to show up. This did not work either. I changed the setTimeout to Code: if ($('#regSuc').size()) setTimeout('alert(1), 1000);
Which did work. And I tried successfulReg and succesfulReg(), neither of which worked. Am I missing some basic element to getting a timeout to work? I have tried the following code on FF and Safari on OSX 10.6.3 , and FF stop at after print out "step 2", whereas Safari did not print out "step 2" after the setTimeout("step2();",10000); Did I do something wrong ? Appreciate any advise. Code: <html>
<p><b> SetTimeout Testing </b>
<script language="JavaScript">
<!-- Begin
document.write("step 1");
function step3() {
document.write("step 3");
}
function step2() {
document.write("step 2");
setTimeout("step3();",10000);
}
setTimeout("step2();",10000);
// End -->
</script>
</html>
Here is a .js file to hack ie6,but it doesn't work when i put it out of the .html file.It can woking only in the .html file. It's fine in the .html file. Below: Code: <html>
<head>
<script type="text/javascript">
sfHover =function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</head>
<body>
......
......
</body>
</html>
It's not working if external .js file.below: Code: <script type="text/javascript" src="suckerfish.js"></script> note：I haven't added the <script type="text/javascript">...<script> code to the .js file. any help will be good. hi guys and girls, i'm cheating slightly here and using a combination of css3 and curvycorners.js to give rounded corners to some of my containers. The CSS3 is working fine on the relevant browsers such as FF and safari etc... However the javascript doesn't seem to be functional for IE6 :s I followed the instructions from the following site: http://woork.blogspot.com/2009/08/cs...y-browser.html So i've downloaded "curvycorners.js" and uploaded it. However, as you can see, if you test this page in IE6: http://www.pswebdesigns.co.uk/acaTrader/index.html The rounded corners do not show. You may see one set of rounded corners (the gradient box) ... this is just an image though. I've supplied the page so you can view the source & code there. However if you prefer I can place it here on request. thanks in advance for any help. Is there another JS function that I can use to force a time delay without having the code continue to run? I'm using the setTimeout() function but the call to this function doesn't stop the code flow. I need to stop the code flow while waiting. I guess I need a Sleep() type of JS function. What I'm trying to do is display some blank text on the screen using a for loop (I'm using <BR> to give the appearance of "opening up" a vertical window section in the browser) and I need this 'text' to complete before allowing the following code in the function to execute. The following code will display a Table with rows of data. I'm trying to use a timing function to give a visual impression of a window opening up just before the data displays. Thanks... Hello guys I need to get something fun! with setTimeout function! I am n00b! so be patent please. I need when <body onload="Myfunc();"> fires, that function should show "Please wait...!" or "Loading...". for , say 5 seconds!. then it disappear. I used setTimeout with that but it didn't do what I wanted! here is my code: PHP Code: function Myfunc(){ document.getElementById("ss2").innerHTML = "Loading..."; setTimeout("Myfunc();", 5000); } // where id="ss2" is the place to display the string "loading..." ! and a one more question ! can I do something like a while loop! where it holds *i* value as seconds! and for every second it passes it should print out a string I make it up ! let say loop for 3 seconds ! So, when seconds = 0 then display "string of second 0" and stick it in there, then go to the next second when it is exactly = 1 then display "new line with string of second 1" and stick it in there, then do to the last second when it is exactly = 2 then display " new line with string of second 2" and stick it in there, exit the loop! is there anyway to do that? please note that I am a n00bie ! help is much appreciated ! Okay, for some reason the setTimeout isn't working for me, and I have no idea why. I've tried everything and Googled even more. If anyone has any ideas, I'll be grateful Code: function display(min,sec) {
if (sec <= 0) {
sec=60;
min-=1;
}
if (min <= -1) {
sec=0;
min=0;
tEnd();
} else {
sec = sec-1;
}
if (sec<=9) { sec = "0" +sec; }
document.form.time.value=min+":"+sec;
SM = window.setTimeout("display("+min+","+sec+")",1000);
}
function tEnd() {
window.clearTimeout(SM);
alert('Your time is up!');
}
Thanks in advance. Hello - I've got this lovely little animation that slides some div fields to the right a short distance. Everything works except the setTimeout (located in the SlideIn function). It simply 'jumps' without taking any time at all. I've tried a bunch of stuff: changed the amount of time from 100 to 10000 changed it from var t = setTimeout("SlideIn()", 1000) SlideIn with/without the brackets, with/without the quotation marks. SlideIn() SlideIn(i) SlideIn(label_id_fixed) SlideIn(label_id_no) Just about at the end of my rope, and so many different combinations I'm forgetting which ones I've tried and which I haven't. I know it is looping through because it gets to the end position and allows the other JavaScript functions to work ok. So it is not getting 'stuck' or anything like that. Here is the complete code (there is a style sheet located separately). Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="class.css" />
</head>
<script type="text/javascript">
//<![CDATA[
window.onload=starter;
function starter(){
collapseMenu();
SetUpAnimation();
}
function SetUpAnimation(){
if (document.querySelectorAll)
{
labels = document.querySelectorAll('div.label');
}
else if (document.getElementsByClassName)
{
labels = document.getElementsByClassName('label');
}
//loops through the labels
if (labels){
for (var i=1; i <= labels.length; i++)
{SlideIn(i);
}
}
}
function SlideIn(label_id_no){
var label_id_fixed = label_id_no;
var endPos = 150;
var currentPos = 0;
for (currentPos = 1; currentPos < 60; currentPos++){
var label_id_name = "label" + label_id_fixed;
document.getElementById(label_id_name).style.left = currentPos + "px";
setTimeout("SlideIn", 1000);
}
}
function collapseMenu(){
var elems = null;
var labels = null;
if (document.querySelectorAll)
{
elems = document.querySelectorAll('div.elements');
labels = document.querySelectorAll('div.label');
}
else if (document.getElementsByClassName)
{
elems = document.getElementsByClassName('elements');
labels = document.getElementsByClassName('label');
}
if (elems){
for (var i=0; i < elems.length; i++)
{
elems[i].style.display="none";
}
for (var i=0; i < labels.length; i++)
{
labels[i].onclick=showBlock;
}
}
}
function showBlock(evnt){
var theEvent = evnt ? evnt : window.event;
var theSrc = theEvent.target ? theEvent.target: theEvent.srcElement;
var itemId = "elements" + theSrc.id.substr(5,1);
var item = document.getElementById(itemId);
if (item.style.display=='none'){
item.style.display='block';
}else{
item.style.display='none';
}
}
//]]>
</script>
</head>
<body>
<div class="label" id="label1">this is a label</div>
<div class="elements" id="elements1">
<p>painting</p><br />
<p>photography</p><br />
</div>
<div class="label" id="label2">this is another label</div>
<div class="elements" id="elements2">
<p>sculpture</p><br />
<p>ceramics</p><br />
</div>
</body>
</html>
Hi trying to load a random swf files using setTimeout please help Code: </head><script type="text/javascript">
var numberOfSongs = 3
var sound = new Array(numberOfSongs+1)
sound[1]= "number/1.mp3"
sound[2]= "number/2.mp3"
sound[3]= "number/3.mp3"
function randomNumber(){
var randomLooper = -1
while (randomLooper < 0 || randomLooper > numberOfSongs || isNaN(randomLooper)){ randomLooper = parseInt(Math.random()*(numberOfSongs+1))
}
return randomLooper
}
var randomsub = randomNumber()
var soundFile = sound[randomsub]
document.write ('<EMBED src= "' + soundFile + '" hidden=true autostart=true loop=false>')
setTimeout(randomNumber,4000);
</script>
<body onload="randomNumber()">
Hi there The JavaScript below behaves erratically - sometimes the timing is perfect, at other times it show 20 mins has passed when only 6 has in reallity - quite some gain - I'm baffled! Code: Public Function SessionTime(ByVal DivName As Panel) As String
Dim vTime As String = "var sessionTimeout = 19; " & vbCr
vTime += "function ReadCookie(cookieName) " & vbCr
vTime += "{ " & vbCr
vTime += "var theCookie=""""+document.cookie; var ind=theCookie.indexOf(cookieName); " & vbCr
vTime += "if (ind==-1 || cookieName=="""") return """";" & vbCr
vTime += "var ind1=theCookie.indexOf(';',ind); " & vbCr
vTime += "if (ind1==-1) ind1=theCookie.length; " & vbCr
vTime += "return unescape(theCookie.substring(ind+cookieName.length+1,ind1));" & vbCr
vTime += "} " & vbCr
vTime += "function DisplaySessionTimeout()" & vbCr
vTime += "{ " & vbCr
'assigning minutes left to session timeout to Label
vTime += "if (sessionTimeout > 1) " & vbCr
vTime += "{ " & vbCr
vTime += "document.getElementById('" & DivName.ClientID & "').innerText = sessionTimeout + "" Minutes remaining until session timeout!""; " & vbCr
vTime += "} " & vbCr
vTime += "else " & vbCr
vTime += "{ " & vbCr
vTime += "document.getElementById('" & DivName.ClientID & "').innerText = ""ONLY ONE MINUTE REMAINS UNTIL SESSION TIMEOUT!""; " & vbCr
vTime += "}" & vbCr
vTime += "sessionTimeout = sessionTimeout - 1; " & vbCr
vTime += "var Posted = ReadCookie('PostedValue'); " & vbCr
vTime += "if (Posted == 0)" & vbCr
vTime += "{ " & vbCr
vTime += "sessionTimeout = 19; " & vbCr
vTime += "var expires = new Date(); " & vbCr
vTime += "expires.setUTCFullYear(expires.getUTCFullYear() + 1); " & vbCr
vTime += "document.cookie = 'PostedValue=1; expires=' + expires.toUTCString() + '; path=/'; " & vbCr
vTime += "}" & vbCr
'if session is under preset warning
vTime += "if (sessionTimeout > 5) " & vbCr '<--------------- 4
vTime += "{ " & vbCr
vTime += "document.getElementById('" & DivName.ClientID & "').style.visibility=""hidden""; " & vbCr
vTime += "}" & vbCr
vTime += "else " & vbCr
vTime += "{" & vbCr
vTime += "document.getElementById('" & DivName.ClientID & "').style.visibility=""visible""; " & vbCr
vTime += "}" & vbCr
'if session is not less than 0
vTime += "if (sessionTimeout >= 1) " & vbCr
'call the function again after 1 minute delay
vTime += "{ " & vbCr
vTime += "setTimeout('DisplaySessionTimeout()', 60000); " & vbCr '<------60000
vTime += "} " & vbCr
vTime += "else " & vbCr
vTime += "{ " & vbCr
'show message box
vTime += "alert(""Your current Session will expire in approx one minute""); " & vbCr
vTime += "} " & vbCr
'vTime += "alert(""Set to "" + ReadCookie('PostedValue')); " & vbCr
vTime += "} " & vbCr
vTime += "DisplaySessionTimeout();" & vbCr
Return vTime
End Function
I want to delay image load for 3 seconds and here is the code but it doesnt work... HELP PLEASE <img id="img444" src="http://imakeinternet.com/squeeze/finish.png" style="display: none;"> <script> function showimage() { document.getElementById("img444").src="http://imakeinternet.com/squeeze/finish.png"; } setTimeout ("showimage();", 3000); </script> I'm trying to set a timer when someone moves off of an image. When I try my event without the timer there are no problems but it throws syntax or object expected errors (if I play with the quotes some) when I add in the timer. This is inline code on the image. onMouseout="newsTimer = setTimeout("Effect.toggle('news', 'slide')", 500)"; It is likely something simple I am overlooking but I cannot find any answers after a long search. Thank you for any and all help. I'm working on a disjointed rollover, with several links changing an image in another location. There is a default image that appears when the page opens and whenever you roll off any of the links. Initially, the problem was that mousing from one link to the next caused a quick flash of the default image because there is a little space between these links. To address that, I added a time out to keep the default image from appearing immediately on onmouseout. Now, when I mouse from one link to the next I get a smooth transition, but then the delayed onmouseout function kicks in while still hovering over a link. How can I make hovering over a new link override this delayed onmouseout? Here's the script: Code: <script type="text/javascript">
window.onload = preloader()
function preloader(){
var pic1 = new Image();
pic1.src = "images/cover1.jpg";
var pic2 = new Image();
pic1.src = "images/cover2.jpg";
var pic3 = new Image();
pic1.src = "images/cover3.jpg";
var pic4 = new Image();
pic1.src = "images/cover4.jpg";
}
function bookInfoSwap(imgSrc,ID,bInfo) {
document.getElementById("covers").src = imgSrc;
document.getElementById("courseID").innerHTML = ID;
document.getElementById("bookInfo").innerHTML = bInfo;
}
function swapDelay() {
setTimeout("bookInfoRevert()",3000);
}
function bookInfoRevert() {
document.getElementById("covers").src = "images/covers.gif";
document.getElementById("courseID").innerHTML = " ";
document.getElementById("bookInfo").innerHTML = " ";
}
</script>
...and a couple of the links: Code: <a href="http://www.mymathlab.com/" target="_blank" onmouseover="bookInfoSwap('images/cover6.jpg','Self Study Course ID: <br />cos68804','Billstein, <em>A Problem Solving approach to Mathematics for Elementary School Teachers, 9/e and Custom Edition</em>');" onmouseout="swapDelay();" class="courseTab">Math 10/11</a>
<a href="http://www.mymathlab.com/" target="_blank" onmouseover="bookInfoSwap('images/cover4.jpg','Self Study Course ID: <br />cos59796','Sullivan, <em>Statistics: Informed Decisions Using Data, 3/e</em>');" onmouseout="swapDelay();" class="courseTab">Math 21</a>
Thanks. Here is my code: Quote: <script> var confirmationPageURL = "http://google.com"; // Add handler for Ecwid's OnPageLoad event if ( typeof(Ecwid) == 'object' && typeof(Ecwid.OnPageLoad) == 'object' ) { Ecwid.OnPageLoad.add(function(page) { // Redirect user if needed if ( typeof(page) == 'object' && 'ORDER_CONFIRMATION' == page.type ) { window.location = confirmationPageURL; window.setTimeout(confirmationPageURL, 8000, true); } }); } </script> I'm just doing a simple redirect after a purchase is made from a shopping cart I use on my site. However, I can't get the window.setTimeout working. The page is instantly redirected and not 8 seconds. I'm sure I have wrong syntax or placement. Who knows. I know nothing about JS. Any help is appreciated. Thank you hi, i'm making a page with an image on it. when that image is clicked i want it to make one div visible, and also run the javascript function to make a second div visible after 2 seconds. Everything seems to work correctly except that the javascript runs on page load instead of waiting for when the image is clicked. any help much appreciated. thanks! Here's the javascript: <code <script type="text/javascript"> function showIt() { document.getElementById("show_1").style.visibility = "visible"; } setTimeout("showIt()", 2000); </script> </head> </code> Here's the html: <code> <div id="flyer1">content <div id="show_1" style="visibility:hidden">content </div> </div> <div id="image"> <a href="javascript:void(0)" onclick="MM_showHideLayers('flyer1', '','show')"; "showIt()">image</a> </div> </code> Code: function funt()
{
var link = document.getElementsByClassName("class")[0];
if(link != null)
{
var i = 0;
if(check != link.childNodes[i])
{
link.childNodes[i].click();
check = link.childNodes[i];
}
else
{
window.location = "website"
}
}
else
{
if(document.getElementById('enbut').value != "some value")
{
document.getElementById('id').click();
}
window.location = "website"
}
t=setTimeout("funt()",3000);
}
with this i'm trying to get it to loop every 3 seconds using the settimeout function at the end of the loop. each time i run this it just runs once and exits. anyone know what i'm doing wrong? Hi all, I've noticed that setTimeout seems to return a simple integer as it's "id" which can be used to clear the timeout ahead of time. So, in order to have multiple setTimeouts called (which requires the previous one to be cleared before the next one is called), I simply did this: Code: clearTimeout(setTimeout(function() {
/* some code */
}, 1000) -1);
Note the "-1"... each time this code is called, it starts a new setTimeout and clears "instance-1" which is supposed to be the previous instance. The idea is that this block can be called hundreds of times, and when the calling finally stops, the inner code is executed 1 second later. This SEEMS to be working (yes, even in MSIE!). Question is, am I fooling myself? Is this wrong? If so, what's the right way to do it? Thanks... -- Roger (btw, the actual use of this is dynamic resizing of a DIV by dragging the corner with the mouse.... I want the actual PX size to display live while resizing, then after resizing stops, the size display goes away 1 second later... in case you were wondering). Hello I am just learning, what am I doing wrong here , I'm trying to display an image after 3 seconds after the page opens with js from an external file listed below: Code: <html>
<title>Insert Page</title>
<body>
var call;
call=("<?php echo $image1;?>");
function myfunction()
{
setTimeout =(call, 3000);
}
document.write(myfunction);
</body> </html> |
|||||||