×
Namespaces

Variants
Actions
Revision as of 10:11, 16 January 2009 by tapla (Talk | contribs)

Showing date and time in Symbian Web Runtime

From Nokia Developer Wiki
Jump to: navigation, search


Template:KBCS

Article Metadata
Tested with
Devices(s): Nokia 5800 XpressMusic
Compatibility
Platform(s): S60 5th Edition
Article
Keywords: Date, Date.getFullYear(), Date.getMonth(), Date.getDate(), Date.getHours(), Date.getMinutes(), Date.getSeconds()
Created: (18 Dec 2008)
Last edited: tapla (16 Jan 2009)

Overview

This code snippet shows how to receive current system date and time using JavaScript's own methods.

Source

Onto the HTML page, add the components into which the time will be printed:

<p id="standardTime"></p>
<p id="customTime"></p>

The following functions handle the displaying of time:

/**
* Displays the time in both standard (received from the system) and custom
* (built manually) formats.
*/

function displayTime() {
// Get current date info
var today = new Date();
 
// Standard format
document.getElementById("standardTime").innerHTML = today;
 
// Custom format
var y = today.getFullYear();
var m = today.getMonth() + 1; // Starts from 0
var d = today.getDate();
var hh = today.getHours();
var mm = today.getMinutes();
var ss = today.getSeconds();
 
// Add a zero in front of numbers < 10
m = padTime(m);
d = padTime(d);
mm = padTime(mm);
ss = padTime(ss);
 
var result = y + "-" + m + "-" + d + " " +
weekDays[today.getDay()] + " " +
hh + ":" + mm + ":" + ss;
 
document.getElementById("customTime").innerHTML = result;
}
 
/**
* If time is represented by one digit, add '0' in front of it.
* @param i the number to convert to two digits
* @return a string representing the number in two or more digits
*/

function padTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}

Add also the call to setInterval, which in this case updates the time in every half seconds.

setInterval("displayTime()", 500);
displayTime();

Postconditions

Time is displayed on the HTML page in both standard (received from the system) and custom (built manually) formats.

Supplementary material

You can view the source file and executable application in the attached ZIP archive. The archive is available for download at Media:Showing_date_and_time_in_WRT.zip.

87 page views in the last 30 days.