Display current time in a Scriptcase menu application – ASDW

Show the current time refreshing in a menu application (Scriptcase)

In Scriptcase projects you can show the current time interactive.
Best to use is the menu application, cause it usually wraps the other applications of a project.

1. Define the position of the timer

Fist you have to define the position where to display the time.
As sample we’re setting the value in the menu structur as the short HTML code <div id='my_time'>timer</div>

The element where the time is to be shown is named my_time.

2. Code to show the time

The menu-Application currently do not have Programming > JavaScript Methods

Therefore we add the code in the menu’s onLoad event:

?>
<script>
window.onload = function(){	
	function startTime() {
	  var today = new Date();
	  var h = today.getHours();
	  var m = today.getMinutes();
	  var s = today.getSeconds();
	  m = checkTime(m);
	  s = checkTime(s);
	  document.getElementById('my_time').innerHTML =
	  h + ":" + m + ":" + s;
	  var t = setTimeout(startTime, 500);
	}
	function checkTime(i) {
	  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
	  return i;
	}
	
	startTime();
}
	
</script>

<?php

window.onload = function(){

function startTime() {

var today = new Date();

var h = today.getHours();

var m = today.getMinutes();

var s = today.getSeconds();

m = checkTime(m);

s = checkTime(s);

document.getElementById('my_time').innerHTML =

h + ":" + m + ":" + s;

var t = setTimeout(startTime, 500);

}

function checkTime(i) {

if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10

return i;

}

startTime();

}

</script>

<?php

Hint:

Using window.onload = function(){ ensures that the functions will not be started untill the entire window is displayed. Not doing so would possibly start the functions when the <div> element is not existient.

Executing the menu application shows the current time:

Anzeige der laufenden Uhrzeit in einer Menü Applikation von Scriptcase

In Scriptcase Projekten kann die aktuelle Uhrzeit interaktiv angezeigt werden.
Am besten eignet sich dafür die Menü-Applikation, da diese immer oben, praktisch um alle anderen Aplikationen (Form, Grid, etc.) liegt.

1. Position des Timers festlegen

Zunächst muss man eine Position bestimmen, an der die Zeit angezeigt werden soll.
Als Beispiel setzt man den kurzen HTML-Code <div id='my_time'>timer</div> als Value in die Menü-Struktur (hier rechts ausgerichtet).

Das Element, in dem der laufende Timer angezeigt werden soll heißt hier my_time.

2. Code zur laufenden Anzeige des Timers

Da in der Scriptcase Menü-Applikation gibt es aktuell keine Programming > JavaScript Methods

Daher wird der Code in das onLoad-Ereignis der Menü-Applikation eingefügt:

?>
<script>
window.onload = function(){	
	function startTime() {
	  var today = new Date();
	  var h = today.getHours();
	  var m = today.getMinutes();
	  var s = today.getSeconds();
	  m = checkTime(m);
	  s = checkTime(s);
	  document.getElementById('my_time').innerHTML =
	  h + ":" + m + ":" + s;
	  var t = setTimeout(startTime, 500);
	}
	function checkTime(i) {
	  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
	  return i;
	}
	
	startTime();
}
	
</script>

<?php