Posted by & filed under Blog, Feature, General, Tutorials.

I am learning PHP so made this clock/time website page using Javascript for the time and PHP to get the date. The Javascript is from w3schools.com but I wrote the PHP. Here is the Javascript for the clock – this goes in the head tag

[code][/code]
You then need to put this in the start body tag, so that it loads the script.
[code] onload="startTime()" [/code]

Here is the PHP to put the date on the page – this goes in the div where you want the date to go
[code]

[/code]

The Javascript time updates automatically, but the date only changes on a page reload. The bonus is that it produces selectable text, so you can style it in CSS. I used a CSS3 gradient for the background and some light shadow on the text and main area to get the pressed look.

Leave a Reply

  • (will not be published)