Screen Control of Animation

JavaScript for Screen Control of Animation

Present delay (milliseconds):

(Range 50 to 2000 milliseconds)

Copy-N-Paste Window

Simply copy (type Control-c or Apple-c) the script from the window below. Then paste it (type Control-v or Apple-v) into your text editor and save (Control-s or Apple-s).

<HTML><HEAD>
<TITLE>Screen Control of Animation</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
var ctr=1;
var speed=1000;      // set initial
var ns="0123456789"; // number index
/* First, create a new array and then
   create an image holder and load it
   with the logo animation images. */
ani=new Array();
for (i=1;i<9;i++){
 ani[i]=new Image();
 ani[i].src="anim/0"+i+".gif";
 }

/* Next do the same for the number
   images to display speed. */
nr=new Array();
for (i=0;i<10;i++){
 nr[i]=new Image();
 nr[i].src="nr/"+i+".gif";
 }
 
function startIt(){
 document.ugly.src=ani[ctr].src;
 ctr=(ctr>7?1:++ctr);
 /* Here we put a "hook" on the
    setTimeout() call by naming it.
    This allows the clearTimeout()
    call to know which one (there
    might be others) to stop. */
 tstop=setTimeout("startIt()",speed);
 }

function stopIt(){
 clearTimeout(tstop);
 }

// End Hiding -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="white"><CENTER>
<P><B>JavaScript for Screen Control of Animation</B>
<P><IMG SRC="anim/01.gif" WIDTH="100" NAME="ugly" HEIGHT="75" BORDER="0">
<P><FORM>
<INPUT TYPE="radio" NAME="rb" onClick="startIt()"> Start Animation
    
<INPUT TYPE="radio" NAME="rb" onClick="stopIt()" CHECKED> Stop Animation
<P><INPUT TYPE="button" NAME="b1" onClick="speedIt()" VALUE=" Speed it up ">
    
<INPUT TYPE="button" NAME="b2" onClick="slowIt()" VALUE=" Slow it down ">
</FORM>
<P>Present delay (milliseconds): 
<IMG SRC="nr/1.gif" WIDTH="7" HEIGHT="10" BORDER="0">
<IMG SRC="nr/0.gif" WIDTH="7" HEIGHT="10" BORDER="0">
<IMG SRC="nr/0.gif" WIDTH="7" HEIGHT="10" BORDER="0">
<IMG SRC="nr/0.gif" WIDTH="7" HEIGHT="10" BORDER="0">
<P>(Range 50 to 2000 milliseconds)
</BODY>
</HTML>