Advertisement
Guest User

Untitled

a guest
Dec 18th, 2014
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.12 KB | None | 0 0
  1. <div class="box">
  2. <div class="clock">
  3. <span class="offset"></span>
  4. <span class="minutes"></span>
  5. <span class="seconds"></span>
  6. </div>
  7. <div class="date">
  8. <div id="daymonth2"></div>
  9. <div id="year2"></div>
  10. </div>
  11. </div>
  12.  
  13. <script>
  14. var date = new Date(),
  15. offset = date.getTimezoneOffset()/60,
  16. year = date.getFullYear(),
  17. month = date.getMonth(),
  18. day = date.getUTCDate(),
  19. months = ["Januar", "Febuar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "October", "November", "December"];
  20.  
  21.  
  22. function pad(number, length) {
  23. var str = "" + number
  24. while (str.length < length) {
  25. str = '0' + str
  26. }
  27. return str
  28. }
  29. //offset = ((offset < 0 ? '+' : '-') +
  30. // pad(parseInt(Math.abs(offset / 60)), 2) +
  31. //pad(Math.abs(offset % 60), 2));
  32.  
  33.  
  34. document.getElementById('daymonth').innerHTML = months[month] + " " + day;
  35. document.getElementById('year').innerHTML = year;
  36.  
  37. document.getElementById('daymonth2').innerHTML = months[month] + " " + day;
  38. document.getElementById('year2').innerHTML = year;
  39.  
  40. var clockH = $(".hours");
  41. var clockM = $(".minutes");
  42. var clockS = $(".seconds");
  43. var clockO = $(".offset");
  44.  
  45. function time() {
  46. var d = new Date(),
  47. s = d.getSeconds() * 6,
  48. m = d.getMinutes() * 6 + (s / 60),
  49. h = d.getHours() % 12 / 12 * 365 + (m / 12);
  50. clockH.css("transform", "rotate(" + h + "deg)");
  51. clockM.css("transform", "rotate(" + m + "deg)");
  52. clockS.css("transform", "rotate(" + s + "deg)");
  53.  
  54. }
  55.  
  56. function timezone() {
  57. var t = new Date(),
  58. s = t.getSeconds() * 6,
  59. m = t.getMinutes() * 6 + (s / 60),
  60. o = t.getHours() % 12 / 12 * 365 + offset + (m / 12)-60;
  61. clockO.css("transform", "rotate(" + o + "deg)");
  62. clockM.css("transform", "rotate(" + m + "deg)");
  63. clockS.css("transform", "rotate(" + s + "deg)");
  64. }
  65.  
  66. var clock = setInterval(time, 1000);
  67. time();
  68.  
  69. var clock = setInterval(timezone, 1000);
  70. timezone();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement