timer

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
nite4000
Forum Contributor
Posts: 209
Joined: Sun Apr 12, 2009 11:31 am

timer

Post by nite4000 »

Hey all.

I am trying to set this timer but instead of numbers it displays words and each word would be a table in a database giving the impression of it created the table but what I need to do is have a submit button enable when the time gets to the last work

Here is the code I have so far

Code: Select all

<script type="text/javascript">
 function timedText()
 {
 var t1=setTimeout("document.getElementById('txt').value='Admin'",1000);
 var t2=setTimeout("document.getElementById('txt').value='Accounts'",1500);
 var t3=setTimeout("document.getElementById('txt').value='Members'",1800);
 var t4=setTimeout("document.getElementById('txt').value='Members2'",2000);
 var t5=setTimeout("document.getElementById('txt').value='Members3'",2300);
 var t6=setTimeout("document.getElementById('txt').value='Members4'",2600);
 var t7=setTimeout("document.getElementById('txt').value='Members5'",2800);
 var t8=setTimeout("document.getElementById('txt').value='Admi4545n'",3100);
 var t9=setTimeout("document.getElementById('txt').value='Acc4545ounts'",3400);
 var t10=setTimeout("document.getElementById('txt').value='Mem454bers'",3700);
 var t11=setTimeout("document.getElementById('txt').value='Memdfdsf34bers2'",4000);
 var t12=setTimeout("document.getElementById('txt').value='Mem7676bers3'",4300);
 var t13=setTimeout("document.getElementById('txt').value='Mem2222bers4'",4600);
 var t14=setTimeout("document.getElementById('txt').value='Memb46546ers5'",4800);
 var t15=setTimeout("document.getElementById('txt').value='Admi6565n'",5100);
 var t16=setTimeout("document.getElementById('txt').value='Acc4545ounts'",5400);
 var t17=setTimeout("document.getElementById('txt').value='Me454546546546mbers'",5600);
 var t18=setTimeout("document.getElementById('txt').value='Mertertrembers2'",59000);
 var t19=setTimeout("document.getElementById('txt').value='Me6t4tregmbers3'",6100);
 var t20=setTimeout("document.getElementById('txt').value='Medfgdfgdfgmbers4'",6400);
 var t21=setTimeout("document.getElementById('txt').value='Memadasdasdabers5'",6800);
 
}
 </script>
 

 
<form>
 <input type="button" value="Display timed text!" onClick="timedText()" />
 <input type="text" id="txt" />
 </form>
  



of course you see it does its work in a text box i wanna get rid of the text box but have it just do it on the page.

I would love to have it do it on page load perhaps after a few seconds but as is will work too.

any help would be great
DevlshOne
Forum Newbie
Posts: 2
Joined: Sat May 26, 2012 7:16 pm

Re: timer

Post by DevlshOne »

Code: Select all

<form>
 <input type="button" value="Display timed text!" onClick="timedText()" />
 <input type="text" id="txt" />
 </form>
My first suggestion would be jQuery but that would require a great deal of re-coding, I'm sure. So, here's something that may help...

Firstly, to get that text output on the page without an <input type="text">, try:

In your JS.... you should make each line look like this (adding the 2nd line of script to make sure it still submits with the form)...

Code: Select all

var t17=setTimeout("document.getElementById('txt').value='Me454546546546mbers';document.getElementById('txtClone').value=txt.nodeValue;",5600);

Code: Select all

<div id="txt"> </div>
<form>
<input type="button" value="Display timed text!" onClick="timedText()" id="btnSubmit" style="display:none;" />
<input type="hidden" id="txtClone" value="" />
 </form>
..and how about just adding this line to get your submit button to appear...

Code: Select all

var xyz=setTimeout("document.getElementById('btnSubmit').setAttribute('display','block');",6800);
TylerH4
Forum Newbie
Posts: 10
Joined: Sat May 26, 2012 8:45 pm

Re: timer

Post by TylerH4 »

As DevlshOne said, jQuery would help a lot, but here is what I came up with. I hope it is along the lines of what you were looking for!

Code: Select all

<script type="text/javascript">
// I made a small helper function that creates the timeout and returns it.
function addDatabase(db, time) {
	return setTimeout("document.getElementById('output').innerHTML = '"+db+"';", time);
}

function startTimmer() {
	// Add all of the database timeouts
	addDatabase('Admin',1000);
	addDatabase('Accounts',1500);
	addDatabase('Members',1800);
	addDatabase('Members2',2000);
	addDatabase('Members3',2300);
	addDatabase('Members4',2600);
	addDatabase('Members5',2800);
	addDatabase('Admi4545n',3100);
	addDatabase('Acc4545ounts',3400);
	addDatabase('Mem454bers',3700);
	addDatabase('Memdfdsf34bers2',4000);
	addDatabase('Mem7676bers3',4300);
	addDatabase('Mem2222bers4',4600);
	addDatabase('Memb46546ers5',4800);
	addDatabase('Admi6565n',5100);
	addDatabase('Acc4545ounts',5400);
	addDatabase('Me454546546546mbers',5600);
	addDatabase('Mertertrembers2',59000);
	addDatabase('Me6t4tregmbers3',6100);
	addDatabase('Medfgdfgdfgmbers4',6400);
	addDatabase('Memadasdasdabers5',6800);

	// Finally re-enable the submit button
	setTimeout('document.getElementById("subButton").removeAttribute("disabled")', 6800);
}

// Gets called when the page has finished loading
window.onload = function() {
	startTimmer();
};
</script>

<form>
	<div id="output">Loading. Please wait...</div>
	<input id="subButton" disabled="disabled" type="button" value="Submit">
</form>
Post Reply