Home arrow JavaScript arrow Page 4 - JavaScript Date Objects: Universal Coordinated Time
JAVASCRIPT

JavaScript Date Objects: Universal Coordinated Time


We previously left off discussing a smattering of JavaScript Date Objects. In this tutorial we will continue the discussion, picking up with the GetUTCHours() Method. There's a ton of Date methods, so let's get started.

Author Info:
By: James Payne
Rating: 5 stars5 stars5 stars5 stars5 stars / 3
February 22, 2008
TABLE OF CONTENTS:
  1. · JavaScript Date Objects: Universal Coordinated Time
  2. · The GetUTCHour, Minute, Second, and Milliseconds() Function
  3. · Introducing One of the Most Asinine Functions Ever
  4. · Using the UTC() Function

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
JavaScript Date Objects: Universal Coordinated Time - Using the UTC() Function
(Page 4 of 4 )

Another way to get the milliseconds (and if you are a savvy programmer, month, year, etc) from January 01, 1970, is to use the UTC() function. Here it is:


<html>

<body>

<script type="text/javascript">

var wow = Date.UTC(2007,12,15);

document.write("The amount of milliseconds that have passed ");

document.write(" from 01/01/1970 to December 15, 2007: ");

document.write(wow);

</script>

</body>

</html>

The result:

  The amount of milliseconds that have passed from 01/01/1970 to December 15, 2007: 1200355200000

And you can of course convert the milliseconds to days, hours, minutes, months, years, decades, centuries, bicentennials, millennia, and so forth.

Creating a JavaScript Clock for Your Web Page

You can make a clock for your web page for those web site visitors that constantly need to know what time it is. You know, like rappers, who are always asking what time it is at their concerts. I mean, they have all that money to drink Crystal, pimp out those rims, and get jiggy wid it. Why can't they just buy a Casio so they don't have to interrupt their concerts all the time?

All you rappers out there...this code is for you:


<html>

<head>

<script type="text/javascript">

document.write("Throw yo hands in da air and swang em like you only care a little");

document.write("<br />")

document.write("<br />")

document.write("The Current Time is: ")

function startTime()

{

var thedate=new Date();

var h=thedate.getHours();

var m=thedate.getMinutes();

var s=thedate.getSeconds();

m=checkTime(m);

s=checkTime(s);

document.getElementById('txt').innerHTML=h+":"+m+":"+s;

t=setTimeout('startTime()',500);

}

function checkTime(i)

{

if (i<10)

{

i="0" + i;

}

return i;

}

</script>

</head>

<body onload="startTime()">

<div id="txt"></div>

</body>

</html>

Well that's it for this one. Come back and visit us next time when we continue the Date Object discussion.

Till then...


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Tutorials for Beginners
- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials