View Single Post
  #2 (permalink)  
Old 10-05-2009, 05:15 PM
JavaScriptBank JavaScriptBank is offline
Member
 
Join Date: Jul 2009
Posts: 92
JavaScriptBank is on a distinguished road
Default Button Time

Here is a pretty neat way to show what time it is - in a little button! When the page is loaded, JavaScript will show a little detail

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/time/button-time.jpg[/IMG]
Demo: Button Time

[SIZE="4"]How to setup[/SIZE]

Step 1: Copy & Paste HTML code below in your BODY section
HTML
Code:
<SCRIPT LANGUAGE="JavaScript">
// Author: Michael Tartaglia <stonedstan@hotmail. com>

<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();	
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970.  "
+ "You have spent " + milliNow + " of those milliseconds on this page.  "
+ ".... About " + minsVisit + " minutes, and "
+ secsVisit + " seconds.");
}
document.write("<form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form>");
onError = null;
clock();
// End -->
</SCRIPT>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->





JavaScript Spotlight - JavaScript Validate E-Mail - AJAX Page Content Loader
Reply With Quote