Clock Widget

[JoeLongstreet]

Hello, I am brand spanking new to JavaScript and I just wrote my first line of code. I have some experience with actionScript and from what I've looked at so far they seem fairly similar. Anyways, I am making a desktop widget and I need to place the time over an image and change the fonts. Here is the super simple code for the clock:

<script language = "JavaScript">
today = new Date();
document.write(today.getHours() + ":" + today.getMinutes());
</script>

I searched for some help around the internet but I wasn't really sure what this would be called. Any help would be much appreciated.

Thanks,

Joe Longstreet

 

[dwarfthrower]

What exactly are you asking for help with?

_{Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.}
Webflo

 

[JoeLongstreet]

Well I have an image and I want to place my javascript text on top of that image in a very specific place. Im just looking for a way to set the x position and y position of my javascript

 

[dwarfthrower]

You don't need to set the X and Y position of your javascript, just the text that it outputs.

Your best bet is to set up a DIV tag, using the image as the background, and the top and left padding values as the X and Y co-ordinates of your text

css:

#clockDiv {
 height: 100px;
 width: 200px;
 background-image: url(myimage.png);
 background-repeat: no-repeat;
 padding-top: 20px;
 padding-left: 50px;
}

HTML:

<div id="clockDiv"></div>

JS:

function clockTick(){
 var now = new Date();
 var hours = now.getHours();
 var minutes = "0" + now.getMinutes();
 minutes = minutes .slice(minutes.length - 2, minutes.length);
 vat strTime = hours + ":" + minutes;
 document.getElementById("clockDiv").innerHTML = strTime;
}

_{Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.}
Webflo