Clock ( )

CF for displaying a running time in a webviewer

Average rating: 3.8 (59 votes) Log in to vote

Don Wieland - Show more from this author
DW Data Concepts
http://www.dwdataconcepts.com

Sample input:

Clock()

Sample output:

1:47:25 PM

Function definition: (Copy & paste into FileMaker's Edit Custom Function window)

"data:text/html,"& 

"<html>¶
<head>¶
<title>JavaScript Clock</title>¶
¶
<style type=\"text/css\">¶
#clock { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: white; background-color: black; border: 2px solid purple; padding: 4px; }¶
</style>¶
¶
<script type=\"text/javascript\">¶
<!--¶
¶
function init ( )¶
{¶
  timeDisplay = document.createTextNode ( \"\" );¶
  document.getElementById(\"clock\").appendChild ( timeDisplay );¶
}¶
¶
function updateClock ( )¶
{¶
  var currentTime = new Date ( );¶
¶
  var currentHours = currentTime.getHours ( );¶
  var currentMinutes = currentTime.getMinutes ( );¶
  var currentSeconds = currentTime.getSeconds ( );¶
¶
  // Pad the minutes and seconds with leading zeros, if required¶
  currentMinutes = ( currentMinutes < 10 ? \"0\" : \"\" ) + currentMinutes;¶
  currentSeconds = ( currentSeconds < 10 ? \"0\" : \"\" ) + currentSeconds;¶
¶
  // Choose either \"AM\" or \"PM\" as appropriate¶
  var timeOfDay = ( currentHours < 12 ) ? \"AM\" : \"PM\";¶
¶
  // Convert the hours component to 12-hour format if needed¶
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;¶
¶
  // Convert an hours component of \"0\" to \"12\"¶
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;¶
¶
  // Compose the string for display¶
  var currentTimeString = currentHours + \":\" + currentMinutes + \":\" + currentSeconds + \" \" + timeOfDay;¶
¶
  // Update the time display¶
  document.getElementById(\"clock\").firstChild.nodeValue = currentTimeString;¶
}¶
¶
// -->¶
</script>¶
¶
</head>¶
<body onload=\"updateClock(); setInterval('updateClock()', 1000 )\">¶
¶
<div style=\"clear: both;\"> </div>¶
¶
¶

<div style=\"width: 10em; text-align: left; margin: 0px auto;\">¶
  <span id=\"clock\"> </span>¶
</div>¶
¶
</body>¶
</html>"

CF for displaying a running time in a webviewer (w97xh32). Uses javascript and CSS. Both can be modified to get the time to look differently.

Comments

		zagino, Zagreb, Croatia Oct 26, 2009
Does not work under Windows XP & fmp 10 A ???

		Richard Hyams, Oceanside, NY Oct 28, 2009
Asked Don twice over the past two weeks to briefly explain how this custom function can be implemented. Maybe he didn't receive e-mail. I hope he will see this note and explain how to implement this custom function.

		Tara Ingram, Beezwax Datatools, Oakland, CA Jan 26, 2010
Here is a revised version that is working for us on Windows. Windows uses IE to render WebViewer content, and Mac uses Safari. Replace this: document.getElementById(\"clock\").firstChild.nodeValue = currentTimeString;Â¶ With this: document.getElementById(\"clock\").innerHTML = currentTimeString;Â¶ Thanks go to Alex Gibbons @Beezwax Datatools.

		jj, ny Aug 5, 2011
this does not renders on iwp on IE.

		Rich, Austin/TX Dec 5, 2011
What would be the code addition to add the current date as well?

		Sean Kelley, Westfield, NJ Apr 18, 2013
How can I use the web viewer running clock in a calculation field? i'm trying to build a backtimer and FM does not support a running clock function without using a script trigger.

		Brian, Oxford/MI Jul 30, 2014
Works great on FMPro 13 (Mac OS 10.9.4) Thanks a lot for this useful bit of code!

		joe lewis, Burbank Aug 10, 2018
How can I increase the size of the return text?

Note: these functions are not guaranteed or supported by BrianDunning.com. Please contact the individual developer with any questions or problems.

Clock ( )

Comments

Support this website.

Support this website.