NickName:Dragana Ask DateTime:2014-10-30T19:55:47

How to implement this JavaScript in HTML

This is a JavaScript showing time hour, minute and seconds now seconds are ticking minutes change it's not static i have problem.How to implement it in HTML page ?

<script type="text/javascript">
  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('txt').innerHTML = h + ":" + m + ":" + s;
      t = setTimeout('startTime()', 500);
  }

  function checkTime(i) {
      if (i < 10) {
          i = "0" + i;
      }
      return i;
  }
</script>

Copyright Notice：Content Author:「Dragana」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/26652324/how-to-implement-this-javascript-in-html

Answers

Ненад 2014-10-30T12:17:16

Edit your body tag to \n\n<body onload=\"startTime()\">\n<span id=\"txt\">10:26:07</span>\n\n\nThan add bellow code where you want clock to appear ",

EpokK 2014-10-30T12:02:14

Just do it:\n\n<span id=\"txt\"></span>\n\n<script type=\"text/javascript\">\n function startTime() {\n var today = new Date();\n var h = today.getHours();\n var m = today.getMinutes();\n var s = today.getSeconds();\n m = checkTime(m);\n s = checkTime(s);\n document.getElementById('txt').innerHTML = h + \":\" + m + \":\" + s;\n t = setTimeout('startTime()', 500);\n }\n\n function checkTime(i) {\n if (i < 10) {\n i = \"0\" + i;\n }\n return i;\n }\n\n startTime();\n</script>\n",

Roko C. Buljan 2014-10-30T12:02:56

\nYou need an element on your page with ID txt (see your script.)\nYou need to start/call your function execution startTime();\nIn order to allow the JS DOM parser to find your #txt place your <script> before the closing </body> tag.\n\n\n\r\n\r\n<div id=\"txt\"></div>\r\n\r\n<script type=\"text/javascript\">\r\n function startTime() {\r\n var today = new Date();\r\n var h = today.getHours();\r\n var m = today.getMinutes();\r\n var s = today.getSeconds();\r\n m = checkTime(m);\r\n s = checkTime(s);\r\n document.getElementById('txt').innerHTML = h + \":\" + m + \":\" + s;\r\n t = setTimeout('startTime()', 500);\r\n }\r\n\r\n function checkTime(i) {\r\n if (i < 10) {\r\n i = \"0\" + i;\r\n }\r\n return i;\r\n }\r\n \r\n startTime(); // Execute\r\n</script>",