Stellt die aktuelle Zeit als Verhältnis vom jetzigen Moment zu den Momenten des Sonnenaufgangs und des Sonnenuntergangs in Prozent dar https://www.victorgiers.com/sonnenuhr
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  4. <style type="text/css">
  5. body {
  6. padding: 0px;
  7. margin: 0px;
  8. /*background-color: #333; color: #bbb; line-height: normal;*/
  9. background-color: transparent;
  10. }
  11. canvas {
  12. padding: 0px;
  13. margin: 0px;
  14. display: block;
  15. outline: 0px;
  16. }
  17. #content {
  18. padding: 0;
  19. margin: 0px auto 0px auto;
  20. width: 500px; min-width: 300px;
  21. }
  22. </style>
  23. <!--[if lt IE 9]>
  24. <script type="text/javascript">alert("Your browser does not support the canvas tag.");</script>
  25. <![endif]-->
  26. <script src="processing.js" type="text/javascript"></script>
  27. <script type="text/javascript">
  28. function getProcessingSketchId () { return 'sonnenzeitCanvas'; }
  29. </script>
  30. <script src="processing.js" type="text/javascript"></script>
  31. </head>
  32. <body>
  33. <?php
  34. $sunrise = date_sunrise(time(), SUNFUNCS_RET_STRING, 48.8, 9.2, 90, 2);
  35. $sunset = date_sunset(time(), SUNFUNCS_RET_STRING, 48.8, 9.2, 90, 2);
  36. $h_sunset = date("H", strtotime($sunset));
  37. $m_sunset = date("i", strtotime($sunset));
  38. $h_sunrise = date("H", strtotime($sunrise));
  39. $m_sunrise = date("i", strtotime($sunrise));
  40. ?>
  41. <script>
  42. var aufgangsekunde = 0;
  43. var untergangsekunde = 0;
  44. var aufgangstunde = <?=$h_sunrise ?>;
  45. var aufgangminute = <?=$m_sunrise ?>;
  46. var aufgang = (aufgangstunde * 60 + aufgangminute) * 60 + aufgangsekunde;
  47. var untergangstunde = <?=$h_sunset ?>;
  48. var untergangminute = <?=$m_sunset ?>;
  49. var untergang = (untergangstunde * 60 + untergangminute) * 60 + untergangsekunde;
  50. var h_sunset = <?=$h_sunset ?>;
  51. var m_sunset = <?=$m_sunset ?>;
  52. var h_sunrise = <?=$h_sunrise ?>;
  53. var m_sunrise = <?=$m_sunrise ?>;
  54. </script>
  55. <div id="content">
  56. <canvas id="sonnenzeitCanvas" data-processing-sources="sonnenzeit.js" width="500" height="150">
  57. <p>Your browser does not support the canvas tag.</p>
  58. <!-- Note: you can put any alternative content here. -->
  59. </canvas>
  60. <noscript>
  61. <p>JavaScript is required to view the contents of this page.</p>
  62. </noscript>
  63. </div>
  64. </body>
  65. </html>