{"id":516,"date":"2019-05-30T17:28:12","date_gmt":"2019-05-30T15:28:12","guid":{"rendered":"https:\/\/asdw.de\/laufende-aktuelle-zeit-in-scriptcase-menu-applikation\/"},"modified":"2019-05-30T17:37:41","modified_gmt":"2019-05-30T15:37:41","slug":"laufende-aktuelle-zeit-in-scriptcase-menu-applikation","status":"publish","type":"post","link":"https:\/\/asdw.de\/en\/laufende-aktuelle-zeit-in-scriptcase-menu-applikation\/","title":{"rendered":"Display current time in a Scriptcase menu application"},"content":{"rendered":"

Show the current time refreshing in a menu application (Scriptcase)<\/h2>\n

In Scriptcase<\/a> projects you can show the current time interactive.
\nBest to use is the menu application, cause it usually wraps the other applications of a project.<\/p>\n

1. Define the position of the timer<\/h3>\n

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

\"Platzieren<\/a><\/p>\n

The element where the time is to be shown is named my_time<\/em>.<\/p>\n

2. Code to show the time<\/h3>\n

The menu-Application currently do not have \u00a0Programming > JavaScript Methods<\/em><\/p>\n

Therefore we add the code in the menu’s onLoad event:<\/p>\n

?>\r\n<script>\r\nwindow.onload = function(){\t\r\n\tfunction startTime() {\r\n\t  var today = new Date();\r\n\t  var h = today.getHours();\r\n\t  var m = today.getMinutes();\r\n\t  var s = today.getSeconds();\r\n\t  m = checkTime(m);\r\n\t  s = checkTime(s);\r\n\t  document.getElementById('my_time').innerHTML =\r\n\t  h + \":\" + m + \":\" + s;\r\n\t  var t = setTimeout(startTime, 500);\r\n\t}\r\n\tfunction checkTime(i) {\r\n\t  if (i < 10) {i = \"0\" + i};  \/\/ add zero in front of numbers < 10\r\n\t  return i;\r\n\t}\r\n\t\r\n\tstartTime();\r\n}\r\n\t\r\n<\/script>\r\n\r\n<?php<\/pre>\n
Hint:<\/p>\n
Using\u00a0window.onload = function(){<\/span> 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.<\/p>\n
Executing the menu application shows the current time:<\/p>\n
\"Timer-Anzeige<\/a><\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
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…<\/span><\/p>\n
Read more ›<\/a><\/div>\n
<\/p>\n","protected":false},"author":2,"featured_media":514,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[55],"tags":[170,168,172,171,50,173,169],"_links":{"self":[{"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/posts\/516"}],"collection":[{"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":3,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/posts\/516\/revisions\/519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/media\/514"}],"wp:attachment":[{"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/asdw.de\/en\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}