TECHNICAL xhtml, css, textpattern and coding articles
Countdown Timer
17 July 2007 11:11 GMT is when human beings from all around the world will begin an hour of prayer, focus, centering, healing, meditation etc in order to Fire The Grid. This massive co-operative effort will hopefully go a long way towards healing us and our planet. The more we try the better will be the results. Please suspend any scepticism and understand the simple gist of firethegrid dot com. Help spread the message by putting a countdown timer on your website!
PHP Version (Accurate worldwide on sites with PHP)
-968 days, -13 hours, -53 minutes before we Fire The Grid
For the above example:
- Copy this countdown PHP script to your website
- Save it as countdown.php
- Copy the following into your web page
<p style="background: yellow; color: purple;"> <?php include('countdown.php'); ?> before we <a href="http://firethegrid.com/">Fire The Grid</a></p> - Here is another example in a different style:
<h6><?php include('countdown.php'); ?> before we</h6>
<h5><a href="http://firethegrid.com/">Fire The Grid</a></h5>
Javascript Version (Varies with timezone/server clock.
Works if user has Javascript enabled. Ticks down.)
For the above example:
- Copy this countdown Java script to your website
- Save it as countdown.js
- Copy the following into your web page
<p style="background: blue; color: white; width: 50%; padding: 1em; text-align: center;"> <script type="text/javascript">
TargetDate = "07/17/2007 11:11 AM UTC-0000";
BackColor = "";
ForeColor = "";
CountActive = true;
CountStepper = -1;
DisplayFormat = "%%D%% Days %%H%% Hrs %%M%% Min %%S%% Sec";
FinishMessage = "Did the earth move for you too, darling?";
</script>
<script type="text/javascript" src="countdown.js"></script><br />
- Adjust settings and change style accordingly
- Here is a different style example for a website hosted in New York
<script type="text/javascript">
TargetDate = "07/17/2007 11:11 AM UTC-0500";
BackColor = "black";
ForeColor = "silver";
CountActive = true;
CountStepper = -1;
DisplayFormat = "%%D%% Days %%H%% Hours %%M%% Minutes %%S%% Seconds";
FinishMessage = "There is a Mac problem";
</script>
<script type="text/javascript" src="countdown.js"></script>
before we <a href="http://firethegrid.com/">Fire The Grid</a>
All credit for this javascript timer belongs to Hashemiam.com where you can find the original Javascript and more details
If you are technically inexperienced and need any help with your countdown timer, please feel free to get in touch