2 Ways to Display the Current Time (not a clock, per se)

Tips & Tricks
#1

Here are 2 ways I’ve been playing with to show the current time as text in a TW.

Both methods use JavaScript. One uses an iframe with an embeded html/javascript document.

The other uses plain JavaScript tagged $:/tags/RawMarkup. Then any <div> or <span> with class="live-time" will display the current local time. The wiki will need saved and reloaded before this starts working. Techinically, any html element where .innerHTML can be set will work, not only div or span.

I played around with fancy css analog and digital clocks, but in the end this is all that I needed.

live-time.json (1.6 KB)

I hope it may be useful to someone.

4 Likes
#2

Hello @amreus ; here’s another resource you may want to check out:

It’s About Time! — TiddlyTools: “Small Tools for Big Ideas!” ™

1 Like