time.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <?php
  2. include '../../../auth.php';
  3. ?>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8">
  8. <link rel="stylesheet" href="../../../script/tocas/tocas.css">
  9. <script type='text/javascript' src="../../../script/tocas/tocas.js"></script>
  10. <script src="../../../script/jquery.min.js"></script>
  11. <title>Default Page</title>
  12. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  13. <style>
  14. </style>
  15. </head>
  16. <body style="background-color: rgb(247, 247, 247);">
  17. <div class="ts container">
  18. <br>
  19. <div class="ts segment">
  20. <div class="ts header">
  21. Current system time
  22. <div class="sub header">You could see the system time right here.</div>
  23. </div>
  24. </div>
  25. <div class="ts divider"></div>
  26. <div class="ts segment">
  27. <div class="ts divided items">
  28. <h2 class="ts header" id="CurrTime">Loading...</h2>
  29. <br>
  30. <p id="timediff"></p>
  31. </div>
  32. </div>
  33. <div class="ts snackbar">
  34. <div class="content"></div>
  35. </div>
  36. <script>
  37. startup();
  38. var cur = new Date("1900-01-01T00:00:00");
  39. var tz = "";
  40. function startup(){
  41. //Please ADD ALL LOAD ON STARTUP SCRIPT HERE
  42. UpdateTime();
  43. setInterval(ShowTime, 1000);
  44. setInterval(UpdateTime, 30000);
  45. os();
  46. }
  47. function ShowTime(){
  48. cur.setSeconds(cur.getSeconds() + 1);
  49. var formatted = cur.toLocaleDateString('en-US') + " " + cur.toLocaleTimeString('en-US');
  50. $( "#CurrTime" ).html(formatted + " ("+ tz + ")");
  51. }
  52. function UpdateTime(){
  53. $.getJSON("opr.php?opr=query", function (data) {
  54. cur = new Date(data["time"].replace(/-/g,"/"));
  55. /* then it becomes YYYY-mm-ddTHH:mm:ss */
  56. tz = data["f_timezone"];
  57. var timediff = (new Date() - cur);
  58. if(timediff >= 0){
  59. $("#timediff").text("This computer was " + convert(timediff) + " ahead.");
  60. }else{
  61. $("#timediff").text("This computer was lagging behind " + convert((-1*timediff)) + ".");
  62. }
  63. });
  64. }
  65. function convert(timediff){
  66. if(timediff < 1000){
  67. return timediff + "ms";
  68. }else if(timediff < 60000){
  69. return Math.floor(timediff/1000) + "s " + convert(timediff-Math.floor(timediff/1000)*1000);
  70. }else if(timediff < 3600000){
  71. return Math.floor(timediff/60000) + "m " + convert(timediff-Math.floor(timediff/60000)*60000);
  72. }else if(timediff < 216000000){
  73. return Math.floor(timediff/3600000) + "h " + convert(timediff-Math.floor(timediff/3600000)*3600000);
  74. }
  75. }
  76. function msg(content) {
  77. ts('.snackbar').snackbar({
  78. content: content,
  79. actionEmphasis: 'negative',
  80. });
  81. }
  82. function os(){
  83. <?php
  84. if (strtoupper(substr(PHP_OS, 0, 3)) === 'WIN') {
  85. echo "console.log('WIN');";
  86. }else{
  87. echo "console.log('LINUX');";
  88. }
  89. ?>
  90. }
  91. </script>
  92. </body>
  93. </html>