Get all the code you need to make your site look good!

Clocks/Timers

Military Clock-a clock in military time

<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var clockID = 0;

function UpdateClock() {
   if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
   }

var tDate = new Date();

document.theClock.theTime.value = "" 
                                   + tDate.getHours() + ":" 
                                   + tDate.getMinutes() + ":" 
                                   + tDate.getSeconds();
   
   clockID = setTimeout("UpdateClock()", 1000);
}
function StartClock() {
   clockID = setTimeout("UpdateClock()", 500);
}

function KillClock() {
   if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
   }
}

//-->

</script>
<body onload="StartClock()" onunload="KillClock()"><center>
<script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
</center>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-4KX380T5BD');
</script>

Normal Clock-keeps track of the hours,minutes, and seconds
<script language="Javascript">  </script> <body onLoad="startclock()"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> <center> <form name="clock" onSubmit="0"> <input type="text" name="face" size=12 value=""> </form> </center>

Access Time-shows what time you accesed your pages
<center> <script language="JavaScript">  </script> </center>

Date Clock-shows the date in MM/DD/YY format
<form name="date"> <input type=text size=11 name="forms"> </font> <script language="Javascript">  </script>

Last Updated-shows the visitor when you last updated the page that this code is on
<script language="Javascript">  </script>

Timer-This times some action based on when you press start and stop. Hey, it's a Timer, what else can I say!
<script language="JavaScript">  </script> <body onload="Reset()" onunload="Stop()"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> <center><form name="theTimer"><table> <tr> <td colspan=3 align=center> <input type=text name="theTime" size=5> </td> </tr> <tr><td></td></tr> <tr> <td> <input type=button name="start" value="Start" onclick="Start()"> </td> <td> <input type=button name="stop" value="Stop" onclick="Stop()"> </td> <td> <input type=button name="reset" value="Reset" onclick="Reset()"> </td> </tr> </table></form></center>

Changing Picture-changes pictures, depending on the time of day
<script language="JavaScript">  </script> <a href="index-2.html" onMouseOver="change('http://www.geocities.com/cjavascripts/gif2.gif')" onMouseOut="change('http://www.geocities.com/cjavascripts/gif1.gif')"> <IMG SRC="http://www.geocities.com/cjavascripts/gif1.gif" lowSRC="http://www.geocities.com/cjavascripts/gif2.gif" NAME="theimg" BORDER=0> Link #1</a><br> <a href="http://www.geocities.com/SoHo/1449" onMouseOver="change2('http://www.geocities.com/cjavascripts/gif2.gif')" onMouseOut="change2('http://www.geocities.com/cjavascripts/gif1.gif')"> <IMG SRC="http://www.geocities.com/cjavascripts/gif1.gif" lowSRC="http://www.geocities.com/cjavascripts/gif2.gif" NAME="theimg2" BORDER=0> Link #2</a>

Website Additions

Runaway Screen-guess what that is...

var thetitle = "Whoah!!!!!!!";

function GoThere(gothr) {
document.location = gothr;
}

//-->
</script>
<a href="javascript:void(0)" onclick="RunawaySc(2,'http://www.geocities.com/cjavascripts/runawaysc2.html');">Your Link Name Here</a>
</texarea><P>

<B>Dynamic MenuBar-a colapsable menu bar that sits at the top of the page</b><BR>
<textarea>
<DIV CLASS="menbar1" ID="menbar1" 
STYLE="position:absolute;top:1;visibility:hide;" zIndex="1000" ALIGN="right">
<table bgcolor="#ffffff"><tr><td><A HREF="javascript:change(1)">Open MenuBar</A></td></tr></table>
</DIV>
<DIV CLASS="menbar2" ID="menbar2" 
STYLE="position:absolute;top:1;visibility:hide;display:none;" zIndex="1001" ALIGN="right">
<table bgcolor="#c0c0c0"><tr><td bgcolor="#ffffff">
<a href="javascript:change(2)">Close MenuBar</a><br>
</td></tr><tr><td>

<a href="http://www.your-url.com/">Your Links 1</a><br>
href="http://www.your-url.com">Your Links 2</a><br>
href="http://www.your-url.com">Your Links 3</a><br>
href="http://www.your-url.com">Your Links 4</a><br>
</td></tr></table>
</DIV>
<script language="Javascript1.2"> 
<!--
// original content taken from Nic's JavaScript Page with permission
// lack of these three lines will result in copyright infringment
// made by: Nic's JavaScript Page - http://www.javascript-page.com

var JX = 0;
var JY = 0;
var wm;

if (document.layers){
wm = document.menbar1;
}

if (document.all) {
wm = document.all.menbar1;
}

function change(wow) {

if (document.layers){
    if (wow == 1) {
      wm.visibility = "hide";
      wm = document.menbar2;
    }
    if (wow == 2) {
      wm.visibility = "hide";
      wm = document.menbar1;
    }
  }

if (document.all){
    if (wow == 1) {
      wm.style.display = "none";
      wm = document.all.menbar2;
    }
    if (wow == 2) {
      wm.style.display = "none";
      wm = document.all.menbar1;
    }
  }
}

function menbar() {

if (document.layers){
   JX = window.pageXOffset;
   JY = window.pageYOffset;
   wm.visibility = "hide";
   wm.top = JY;
   wm.left = JX;
   wm.visibility= "show";
 }

if (document.all){
  if (navigator.appVersion.indexOf("Mac") == -1){
   wm.style.display = "none";
   JX = document.body.scrollLeft;
   JY = document.body.scrollTop;
   wm.style.top  = JY;
   wm.style.left = JX;
   wm.style.display = "";
  }
 }
}

setInterval("menbar()",100);
//-->
</script>

Source Protector- doesn't let the viewer right-click (right-click your mouse right now)
<script language="Javascript1.2">  </script>

Password protected pages- asks for a user name and pass word to view those pages
<script language="Javascript">  </script>

Changing-Color Backround
<script language="JavaScript">  </script>

Document Array-Each number you put in the form field corresponds with a certian message
<script language="Javascript">  </script> <form name="list" method="post"> Type in an integer between 1 and 31 to win a small prize: <input name="myinput" type="text" size=2,1 value="31"><br> <br> The word: <input name="hpage" type="text" size=30,1 value= "--Not entered in yet--"><br> <br> <input type="button" value="Enter it in" onClick="document.list.hpage.value= homepage[document.list.myinput.value-1]"> </form>

Javascript Games

Hang-Man
<center> <b>Warning! These Words are difficult!</b><p> <SCRIPT LANGUAGE="javascript"> var alpha=new Array(); var alpha_index=0; var bravo=new Array(); var bravo_index=0; var running=0; var failnum=0; var advising=0; function pick() { var choice=""; var blank=0; for (i=0; i<words[index].length; i++) { t=0; for(j=0; j<=alpha_index; j++) if(words[index].charAt(i)==alpha[j] || words[index].charAt(i)==alpha[j].toLowerCase()) t=1; if (t) choice+=words[index].charAt(i)+" "; else { choice+="_ "; blank=1; } } document.f.word.value=choice; if (!blank) { document.f.tried.value=" === You Win! ==="; document.f.score.value++; running=0; } } function new_word(form) { if(!running) { running=1; failnum=0; form.lives.value=failnum; form.tried.value=""; form.word.value=""; index=Math.round(Math.random()*10000) % 100; alpha[0]=words[index].charAt(0); alpha[1]=words[index].charAt(words[index].length-1); alpha_index=1; bravo[0]=words[index].charAt(0); bravo[1]=words[index].charAt(words[index].length-1); bravo_index=1; pick(); } else advise("A word is already in play!"); } function seek(letter) { if (!running) advise(".....Click GO to start !"); else { t=0; for (i=0; i<=bravo_index; i++) { if (bravo[i]==letter || bravo[i]==letter.toLowerCase()) t=1; } if (!t) { document.f.tried.value+=letter+" " bravo_index++; bravo[bravo_index]=letter; for(i=0;i<words[index].length;i++) if(words[index].charAt(i)==letter || words[index].charAt(i)==letter.toLowerCase()) t=1; if(t) { alpha_index++; alpha[alpha_index]=letter; } else failnum++; document.f.lives.value=failnum; if (failnum==6) { document.f.tried.value="You lose - Try again!"; document.f.word.value=words[index]; document.f.score.value--; running=0; } else pick(); } else advise("Letter "+letter+" is already used!"); } } function advise(msg) { if (!advising) { advising=-1; savetext=document.f.tried.value; document.f.tried.value=msg; window.setTimeout("document.f.tried.value=savetext; advising=0;",1000); } } var words = new Array("","acrimonious","allegiance","ameliorate","annihilate","antiseptic","articulate","authoritative","benefactor","boisterous","breakthrough","carcinogenic","censorious","chivalrous","collarbone","commendable","compendium","comprehensive","conclusive","conscientious","considerate","deferential","denouement","determinate","diffidence","disruption","earthenware","elliptical","entanglement","escutcheon","extinguish","extradition","fastidious","flamboyant","forethought","forthright","gregarious","handmaiden","honeysuckle","hypocritical","illustrious","infallible","lumberjack","mischievous","mollycoddle","nimbleness","nonplussed","obliterate","obsequious","obstreperous","opalescent","ostensible","pandemonium","paraphernalia","pawnbroker","pedestrian","peremptory","perfunctory","pernicious","perpetrate","personable","pickpocket","poltergeist","precipitous","predicament","preposterous","presumptuous","prevaricate","propensity","provisional","pugnacious","ramshackle","rattlesnake","reciprocate","recrimination","redoubtable","relinquish","remonstrate","repository","reprehensible","resolution","resplendent","restitution","retaliation","retribution","saccharine","salubrious","skulduggery","skyscraper","soothsayer","tearjerker","transcribe","turpentine","unassuming","underscore","undertaker","underwrite","unobtrusive","vernacular","waterfront","watertight"); </SCRIPT> <FORM NAME="f"> <TABLE BGCOLOR=#C0C0C0 BORDER=1> <TR> <TD COLSPAN=4 ALIGN=RIGHT> Score : <INPUT TYPE=TEXT NAME="score" VALUE="0" onfocus="score.blur();" SIZE=2> <BR> Fails (6): <INPUT TYPE=TEXT NAME="lives" VALUE="0" onfocus="lives.blur();" SIZE=2> </TD> <TD COLSPAN=7 ALIGN=CENTER> <INPUT TYPE=TEXT NAME="word" VALUE=" --- Hangman ---" onfocus="word.blur();" SIZE=25> <BR> <INPUT TYPE=TEXT NAME="tried" VALUE="Click GO to get a word." onfocus="tried.blur();" SIZE=25> </TD> <TD COLSPAN=2 ALIGN=CENTER> <INPUT TYPE=BUTTON onclick="new_word(this.form);" VALUE=" GO "> </TD> </TR> <TR> <TD><INPUT TYPE=BUTTON VALUE=" A " onclick="seek('A');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" B " onclick="seek('B');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" C " onclick="seek('C');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" D " onclick="seek('D');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" E " onclick="seek('E');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" F " onclick="seek('F');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" G " onclick="seek('G');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" H " onclick="seek('H');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" I " onclick="seek('I');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" J " onclick="seek('J');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" K " onclick="seek('K');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" L " onclick="seek('L');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" M " onclick="seek('M');"></TD> </TR> <TR> <TD><INPUT TYPE=BUTTON VALUE=" N " onclick="seek('N');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" O " onclick="seek('O');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" P " onclick="seek('P');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" Q " onclick="seek('Q');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" R " onclick="seek('R');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" S " onclick="seek('S');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" T " onclick="seek('T');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" U " onclick="seek('U');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" V " onclick="seek('V');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" W " onclick="seek('W');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" X " onclick="seek('X');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" Y " onclick="seek('Y');"></TD> <TD><INPUT TYPE=BUTTON VALUE=" Z " onclick="seek('Z');"></TD> </TR> </TABLE> </FORM>

Story Writer
<script LANGUAGE="JavaScript">  function jumpBox(list) { location.href = list.options[list.selectedIndex].value } //1997 All Rights Reserved, Daniel C. Peterson //For commercial user rates please email a quote request to //webmaster@webwinder.com function compute(form) { form.title.value = ("''A SHORT STORY,'' by " + form.firstName.value + " " + form.lastName.value); if(form.gender.value == "Male" || form.gender.value == "male") {var boyGirl = "boy"} else {var boyGirl = "girl"}; if(form.gender.value == "Male" || form.gender.value == "male") {var heShe = "he"} else {var heShe = "she"}; if(form.gender.value == "Male" || form.gender.value == "male") {var hisHer = "his"} else {var hisHer = "her"}; if(form.gender.value == "Male" || form.gender.value == "male") {var himHer = "him"} else {var himHer = "her"}; var pet = form.color.value + " " + form.animal.value form.story.value = ("Once upon a time there was a young " + boyGirl + " named " + form.firstName.value + ". " + form.firstName.value + " was " + form.age.value + " years old and lived in " + form.city.value + ", " + form.state.value + ". While walking home from school one day, a " + pet + " jumped out from behind a " + form.plant.value + " and tackled " + form.firstName.value + " to the ground. But just when " + heShe + " was about to let out a scream for help, " + form.firstName.value + " realized that the " + pet + " was only licking " + hisHer + " face, not trying to bite it off. At that moment, " + form.firstName.value + " decided to keep the " + pet + " as a pet. And on the way home " + heShe + " decided to name " + hisHer + " pet " + pet + " ''" + form.friend.value + ".'' When " + form.firstName.value + " and " + hisHer + " new pet finally got home, guess who was standing on the front porch? That's right, it was " + form.firstName.value + "'s mother, " + form.mom.value + ". And boy was she surprised to see a " + pet + " following " + form.firstName.value + " into the yard! ''What in world is that?'' shouted " + form.mom.value + ". ''It's a " + pet + ",'' answered " + form.firstName.value + ". ''Dah, I can see that, " + form.firstName.value + ", but what on earth is it doing here?'' said " + form.mom.value + ". ''It's my new pet!'' answered " + form.firstName.value +". ''Oh you think so do you?'' remarked " + form.mom.value + ". ''I wouldn't get your hopes up. You know how your father hates " + pet + "s. But, well, I suppose you can keep him until your father comes home.'' And with that " + form.firstName.value + " grabbed " + form.friend.value + " by the scruff of the neck and led " + hisHer + " new pet into the house--even though " + heShe + " knew " + hisHer + " father was probably going to dissaprove. Once in the house, " + form.firstName.value + " and " + form.friend.value + " played and played, that is until " + form.firstName.value + "'s favorite television show, ''"+ form.tv.value + ",'' started. At that point " + form.firstName.value + " forgot all about " + form.friend.value + " having an unsupervised run of the house. That is until half way through ''" + form.tv.value + ",'' when " + form.firstName.value + " was brought back to reality when " + heShe + " heard " + hisHer + " father shout, ''" + form.cuss.value + "!! " + form.firstName.value + "! Get your " + form.butt.value + " in the " + form.room.value + "...NOW!!'' With that " + form.firstName.value + " rushed into the " + form.room.value + " to see what all the fuss was about. When " + heShe + " entered the " + form.room.value + ", there stood " + hisHer + " father, " + form.dad.value + ", pointing toward the " + form.furn.value + ". ''Will someone please explain that?'' asked " + hisHer + " father. Then, as " + form.firstName.value + " followed " + hisHer + " father's finger to where it was pointing, " + heShe + " instantly knew what " + hisHer + " father was so upset about. There, smack dab in the middle of the " + form.furn.value + ", was the biggest pile of " + form.animal.value + " doo-doo " + heShe + " had ever seen! ''I don't EVEN want to know how that got there,'' said " + form.dad.value + ". ''But you had better get it cleaned up now! And you had better get rid of whatever it is that could have done such a thing!'' Well, knowing " + hisHer + " father as well as " + heShe + " did, " + form.firstName.value + " knew there was no sense even asking " + hisHer + " father if " + heShe + " could keep " + form.friend.value + " for a pet. So without hesitation, " + form.firstName.value + " set out to find where " + form.friend.value + " was hiding. After a few minutes of looking, " + form.firstName.value + " discovered " + form.friend.value + " crouched beneath the table that " + form.firstName.value + " did " + hisHer + " " + form.hobby.value + " on. ''Come on, " + form.friend.value + ", it's time to find you a new home. And hey, don't look at me that way, I'm not the one who did the dirty deed on the " + form.furn.value + "!'' scolded " + form.firstName.value + ". ''Thanks to you I'll never get to have my own pet " + form.animal.value + "!! And with that " + form.firstName.value + " led " + form.friend.value + " out of the house and down to the local " + form.store.value + ". They had a pet section and " + form.firstName.value + " knew the owner would find " + form.friend.value + " a good home. So after saying good-bye to " + form.friend.value + ", and thanking the owner of " + form.store.value + ", " + form.firstName.value + " walked backed home and attempted to dround " + hisHer + " sorrows by slamming down a half dozen " + form.drink.value + "s. But " + form.firstName.value + "'s pitty party came to an abrupt end when " + hisHer + " father reminded " + himHer + " about the mess " + heShe + " had neglected to clean up. And low and behold, midway through the clean-up, " + form.firstName.value + " suddenly became thankful that someone else was going to have to do it from now on. The End."); } function ClearForm(form) { form.story.value = ""; form.title.value = ""; } function ClearData(form) { form.firstName.value = ""; form.lastName.value = ""; form.color.value = ""; form.drink.value = ""; form.city.value = ""; form.state.value = ""; form.mom.value = ""; form.dad.value = ""; form.animal.value = ""; form.friend.value = ""; form.store.value = ""; form.furn.value = ""; form.hobby.value = ""; form.room.value = ""; form.cuss.value = ""; form.plant.value = ""; form.age.value = ""; form.gender.value = ""; form.butt.value = ""; form.tv.value = ""; }  </script> </head> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> <p align="center">Fill-in each of the following empty fields using your own personal data and then click on "Write Story." </p> <form> <div align="center"><center><table> <tr> <td ALIGN="RIGHT">First Name:</td> <td><input TYPE="text" NAME="firstName" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Something to Hide Behind:</td> <td><input TYPE="text" NAME="plant" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Last Name:</td> <td><input TYPE="text" NAME="lastName" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Friend's First Name:</td> <td><input TYPE="text" NAME="friend" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Male or Female:</td> <td><input TYPE="text" NAME="gender" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">A Piece of Furniture:</td> <td><input TYPE="text" NAME="furn" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Age:</td> <td><input TYPE="text" NAME="age" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">A word expressing Anger:</td> <td><input TYPE="text" NAME="cuss" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Mother's First Name:</td> <td><input TYPE="text" NAME="mom" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Your Favorite Beverage:</td> <td><input TYPE="text" NAME="drink" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Your Favorite Color:</td> <td><input TYPE="text" NAME="color" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">A Room in Your House:</td> <td><input TYPE="text" NAME="room" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Your City:</td> <td><input TYPE="text" NAME="city" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Your Favorite Hobby:</td> <td><input TYPE="text" NAME="hobby" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Your State:</td> <td><input TYPE="text" NAME="state" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Your Father's Name:</td> <td><input TYPE="text" NAME="dad" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Type of animal:</td> <td><input TYPE="text" NAME="animal" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Your Favorite Store:</td> <td><input TYPE="text" NAME="store" SIZE="15"></td> </tr> <tr> <td ALIGN="RIGHT">Favorite TV Show:</td> <td><input TYPE="text" NAME="tv" SIZE="15"></td> <td></td> <td ALIGN="RIGHT">Word to Describe Someone's Rear-End:</td> <td><input TYPE="text" NAME="butt" SIZE="15"></td> </tr> </table> </center></div><div align="center"><center><p><input TYPE="button" VALUE="Write Story" ONCLICK="compute(this.form)"><input TYPE="button" VALUE="Erase Story" ONCLICK="ClearForm(this.form)"><input TYPE="button" VALUE="Erase Data" ONCLICK="ClearData(this.form)"></p> </center></div><div align="center"><center><p><input TYPE="text" NAME="title" SIZE="64"> <textarea COLS="60" ROWS="6" name="story" wrap="virtual">

Hosted by www.Geocities.ws