so if all you want is a really simple digital clock, you can just add some code like the following to your clock widget, or create a clone of the clock widget
since the clock widget already creates a variable called c.date we can just use that to display our clock
HTML
<p id="time">
{{c.date.hours()}}:{{c.date.minutes()}}:{{c.date.seconds()}}
</p>
CSS
#time {
font-family: fantasy;
font-size:20px;
color:silver;
border:2px solid #2E9AFE;
padding:10px;
text-align: center;
width: 200px;
}
Results in this output for the clock
you can make the clock look/feel prettier by adjusting the CSS to meet your needs
hope that helps
you can set the time zone as an option in the widget alone with title as part of the OOB cool clock widget
CTRL-RIGHT-CLICK on the mouse to set the instance option for the clock
however,
if you are wanting the clock to show up in the correct time zone of the user, you can simply clone the clock and add a couple of lines
Hi Robert,
Thanks for your reply
I have already created Analog clock(cool clock) for different Time Zones
But I need to display the time in Digital Format(digital clock)
could you please help??/
