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.

  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

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