Artotems Time for iWeb

 

iWeb TIPS & TRICKS

by Artotems

www.artotems.com

More TipsiWeb.html

If you are looking for a clock like the one above contact us. We charge a small fee for clock making to support our charitable efforts.

Time for iWeb - Adding the time to a page.

If you value and use Artotems iWeb Tips and Tricks please consider making a $5 donation to support more assistance in the future as well as the charitable work Artotems Co. does for others around the world.

  1. 1. Go to the page where you want the time to appear.


  1. 2. Select the HTML Snippet.


  1. 3.Copy the code below and paste it into the HTML Snippet and click “Apply”.

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

var timerID = null;
var timerRunning = false;
function stopclock (){

        if(timerRunning)

                clearTimeout(timerID);

        timerRunning = false;

}

function startclock () {

        stopclock();

        showtime();

}

function showtime () {

        var now = new Date();

        var hours = now.getHours();

        var minutes = now.getMinutes();

        var seconds = now.getSeconds()

        var timeValue = "" + ((hours >12) ? hours -12 :hours)

        timeValue += ((minutes < 10) ? ":0" : ":") + minutes

        timeValue += ((seconds < 10) ? ":0" : ":") + seconds

        timeValue += (hours >= 12) ? " P.M." : " A.M."

        document.clock.face.value = timeValue;

        timerID = setTimeout("showtime()",1000);

        timerRunning = true;

}
//-->

</script>
<body onLoad="startclock()">
<center>
<form name="clock" onSubmit="0">
<input type="text" name="face" size=12 value=""> </form>
</center>

Email Me