Site Debut II Count Up From ~ Tested in IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

T his script displays the number of years, months, and days since a selected event. The date we used(February 18, 2000) for this is the debut of our website. You can define any date you want to count up from and it will change daily according to your clock in your system.

We have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and javascripts, this is an easy three (3) part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document. It also makes use of an external .js script you need to save and upload into your directory.

Note Of Importance: If you are not sure of howto make the external .js file and make use of it within your document, grab the below link and it is fully explained.
[ .js File Howto ]

For your Information: If you are not comfortable or prefer not to use the external.js file, you can use the traditional cut/copy and paste instead of the external .js file. If you need a little refresher on what is required to achieve this, grab the below link and it is fully explained.
[ Traditional Cut/Copy and Paste ]

Step One Whichever above method (external.js or Traditional Cut/Copy and Paste) of adding a section of code into the <HEAD> section you select to use, there is a reconfiguration needed in this part. This reconfiguration is that of setting the month, day and year to count up from. See below for where and howto:

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Chris Hallberg :: http://kanoa.heavenfromhell.com */

function time() {
// Enter the month, day, and year below you want to use as
// the starting point for the date calculation
var amonth = 9
var aday = 11
var ayear = 2001

var x = new Date()

Step Two If you have opted to use the external.js file, then once you have uploaded the file into your directory, you need to paste a snipplet of code into the <HEAD> section to call the external.js file. See below:

For your Information: If you are not sure on howto change the path of the above file you have uploaded as an external .js file, it is fully explained [ Here ]

Step Two(A) If you have opted to use the Traditional Cut/Copy and Paste code in the <HEAD> section of your document, then you do not need to paste the snipplet of code into the <HEAD> section to call the external .js file. Reason being is quite simple. Since the Traditional Cut/Copy and Paste part of the code is already on the page, it does not need to be called from an external location. If this is a little unclear, grab the below link where it is fully explained. We used the Traditional Cut/Copy and Paste for this example to make it a little clearer.
[ Site Debut II With Traditional Copy and Paste Code ]

Step Three Once the above steps are done, now you need to paste some code anywhere in the <BODY> section you want it to appear. This part also has minimal reconfigurations. See below on where and howto:

* This is the text that will appear after the countdown. See the below example to further clarify what we are saying.

Your Text Goes Here

To change the font size (defined by your system), color (defined by your <BODY> tag) and face (defined by your system) that will be seen by default, you need to add a complete font tag above the <BODY> section of code. See below on where and howto:

T he above script itself(not the font tag) will have the Years, Months and Days will be defined by the above font tag as well as the "Your Text Here" and be sure to close (</font>) the font tag at the end as shown above.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]

W e also have another script that is almost identical to this one with the exception it shows Days, Hours, Minutes and Seconds. This is the one we have on our main page. If you would like to see that one, grab the below link and you are there.
[ Site Debut I-Count Up Since Inception ]