|
JavaScript - Settimeout Function
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> Similar TutorialsHi all, I have what I hope will be a simple question for someone to help me with. I simply want to add a timeout to the folowing code: Code: $(function(){
$('#slides').slides({
effect: 'fade',
crossfade: true,
preload: true,
preloadImage: '<?php bloginfo('template_directory'); ?>/img/loading.gif',
play: 4500,
pause: 500,
hoverPause: false,
animationStart: function(current){
$('.caption').animate({
bottom:-35,
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
As you can see this is a slideshow code. All I want to do is delay the first slide sliding in when the slideshow loads. I have tried wrapping the whole function in a settimeout but to no avail. Thanks in advance Dan all, does anyone know if the setTimeout() function in js has been just recently supported? i created an online demonstration of a product that uses this function to delay the playing of .wav files after various second intervals. i know that Opera doesn't support this function because when I click my button, all of the .wav files that i have in the function that runs behind the button play at once. i have probably 10 wav files that are played throughout the function, at various conditional statements. does anyone know if earlier (like REALLY old) versions of IE do not support this function? or maybe ie8 doesn't support it? i developed this and tested it in all major browsers except IE8 and any version earlier than IE6. thank you for any help on this... Hi, I have a button that when you click it displays the results of my db in a div. What I am trying to do is to get the results to update every five seconds. I thought setTimeout was the best way to achieve this. However I am getting the error message that ID is not defined on the setTimeout line. I thought it would automatically input ID into the fields marked ID when the onloadXMLDocRefresh('File.php','txtHint') button is clicked? The button works to load the script, but the refreshing the div is not. My script is: Code: <script type="text/javascript">
function loadXMLDocRefresh(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
timer = setTimeout('loadXMLDocRefresh(File,ID)',5000);
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
Hello everybody I need your help in this problem At first, this is the code used HTML Code PHP Code: <input type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div><br /> <input type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div> JavaScript Code PHP Code: function fadeIn(elem){ element = elem.nextSibling; elemOpacity = element.style.opacity; element.innerHTML = elemOpacity; if (elemOpacity < 1.0) element.style.opacity = parseFloat(elemOpacity) + 0.1; timeIn = setTimeout(fadeIn, 100); } I have used the opacity property to make fading element like fadeIn() function in jquery , and i have used onfocus event to execute the code . Problem exists in setTimeout function, this function Does not work But the code works without this function What is the cause of the problem , Please help me Hi friends, I am trying to use the window.setTimeout feature so that a message pop-up with yes/no appears on the screen asking whether to extend the session. The actual sessions expires on 5 seconds. *If yes is clicked, the current page reloads. *If no is clicked, nothing happens. (the session will expire anyway). Many pages is open fastest, but other delays several seconds or minutes! Quote: var w = 800; var width = 800; var h = 800; var height = 800; var left =(screen.width/2)-(w/2); var top = (screen.height/2)-(h/2); window.open ("","myNewWin", 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left); var a = window.setTimeout("document.form1.submit();",5000); Letchev Hey everyone, I wanted to write my own script for a fade-in animation, since the ones I have found have got too many options or need some framework, which makes them unnecessarily big. I wanted to learn too. Unfortunately, the code didn't work as I wanted, and I commented some things so as to find out what's happening. The only function called from outside is fadeIn with a string as argument (in the example, this string is: d1296668690535). This is the code: Code: var fadems = 500; // Anim. duration in milliseconds
var fps = 20; // Frames per second
function fadeIn(elemId){
var frames = fadems/1000 * fps;
var delay = 1000 / fps;
var incrOp = 1 / frames;
//document.getElementById(elemId).style.zoom = '1';
setOp(elemId, 0);
for(i=1; i<=frames; i++){
debugOutLn("(fadeIn for) elemId = " + elemId);
setTimeout("setOp(" + elemId + "," + incrOp*i + ")", delay*i);
}
}
function setOp(elemId, val){
debugOutLn("(setOp) elemId = " + elemId + "; val = " + val);
// document.getElementById(elemId).style.opacity = val;
// document.getElementById(elemId).style.filter = 'alpha(opacity = ' + val * 100 + ')';
}
Code: function debugOutLn(str){
document.getElementById("debug").innerHTML += str + "<br />";
}
And this is the text it outputs (on Opera 11.01): Code: (setOp) elemId = d1296668690535; val = 0 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (setOp) elemId = [object HTMLDivElement] ; val = 0.1 (setOp) elemId = [object HTMLDivElement] ; val = 0.2 (setOp) elemId = [object HTMLDivElement] ; val = 0.30000000000000004 (setOp) elemId = [object HTMLDivElement] ; val = 0.4 (setOp) elemId = [object HTMLDivElement] ; val = 0.5 (setOp) elemId = [object HTMLDivElement] ; val = 0.6000000000000001 (setOp) elemId = [object HTMLDivElement] ; val = 0.7 (setOp) elemId = [object HTMLDivElement] ; val = 0.8 (setOp) elemId = [object HTMLDivElement] ; val = 0.9 (setOp) elemId = [object HTMLDivElement] ; val = 1 Why is an object reference assigned to what was previously a string? Thanks for the help! 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>
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. 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()">
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 ! 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... 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> Im fairly new to javascript, i have mostly been into php i have this code i wrote in one of my projects and i assume theres an easier way Code: setTimeout("check20()", 0);
setTimeout("check19()", 50);
setTimeout("check18()", 100);
setTimeout("check17()", 150);
setTimeout("check16()", 200);
setTimeout("check15()", 250);
setTimeout("check14()", 300);
setTimeout("check13()", 350);
setTimeout("check12()", 400);
setTimeout("check11()", 450);
setTimeout("check10()", 500);
setTimeout("check9()", 550);
setTimeout("check8()", 600);
setTimeout("check7()", 650);
setTimeout("check6()", 700);
setTimeout("check5()", 750);
setTimeout("check4()", 800);
setTimeout("check3()", 850);
setTimeout("check2()", 900);
setTimeout("check()", 950);
basically every 50 javascript seconds a function is activated, so that means i have a **** ton of function too all doing the same thing just to different ids If you know of a better way let me know please 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 wrote the code below to animate a roll of dice. It does iterate 10 times, as the code intends, but for some reason it doesn't pause in between. Also, how can I get it to return the final dice value to the calling function? Code: DiceValue=RollDiceAnimated(1)
function RollDiceAnimated(RollIteration) {
var Die1;var Die2
var RollSpeed=100
Die1=0;while(Die1<1 || Die1>6){Die1=Math.floor(Math.random()*7)}
Die2=0;while(Die2<1 || Die2>6){Die2=Math.floor(Math.random()*7)}
document.getElementById("Dice1").src="Images_Dice/Dice" + Die1 + ".jpg"
document.getElementById("Dice2").src="Images_Dice/Dice" + Die2 + ".jpg"
if(RollIteration<10){
var tempval=setTimeout(RollDiceAnimated(RollIteration+1),RollIteration*RollSpeed)
}
else{return Die1+Die2}
}
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> 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 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 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);
},
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. |
|||||||