Advertisement
Guest User

Untitled

a guest
Feb 19th, 2018
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Digitaalkell</title>
  5. <iframe width="0" height="0" src="https://www.youtube.com/embed/1Cs0qyG78qY?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  6. </head>
  7. <body>
  8. <style type ="text/css">
  9. body{
  10. background: url("https://i.imgur.com/KPwiYiM.jpg");
  11. }
  12. .clock{
  13. position: absolute;
  14. top: 50%;
  15. left: 50%;
  16. transform: translateX(-50%) translateY(-50%);
  17. color: #fff;
  18. font-size: 90px;
  19. border: 1px solid #ccc;
  20. padding: 0px 5px 0px 5px;
  21.  
  22. }
  23. .date{
  24. position: absolute;
  25. top: 43%;
  26. left: 50%;
  27. transform: translateX(-50%) translateY(-50%);
  28. color: #fff;
  29. font-size: 30px;
  30. }
  31. </style>
  32. <div id="DigitaalKell" class="clock"></div>
  33. <div id="Date" class="date"></div>
  34. <script type="text/javascript">
  35. function showTime(){
  36. var date = new Date();
  37. var h = date.getHours();
  38. var m = date.getMinutes();
  39. var s = date.getSeconds();
  40.  
  41. h = (h < 10) ? "0" + h : h;
  42. m = (m < 10) ? "0" + m : m;
  43. s = (s < 10) ? "0" + s : s;
  44.  
  45. var time = h + ":" + m + ":" + s;
  46. document.getElementById("DigitaalKell").innerText = time;
  47. document.getElementById("DigitaalKell").innerContent = time;
  48.  
  49. setTimeout(showTime, 1000);
  50.  
  51. }
  52. function showDate(){
  53. var date = new Date;
  54. var year = date.getFullYear();
  55. var month = date.getMonth();
  56. months = new Array('Jaanuar', 'Veebruar', 'Märts', 'Aprill', 'Mai', 'Juuni', 'Juuli', 'August', 'September', 'Oktoober', 'November', 'Detsember');
  57. d = date.getDate();
  58. day = date.getDay();
  59. days = new Array ('Pühapäev', 'Esmaspäev', 'Teisipäev', 'Kolmapäev', 'Neljapäev', 'Reede', 'Laupäev');
  60. var result = ''+days[day]+' '+months[month]+' '+d+' '+year;
  61. document.getElementById("Date").innerText = result;
  62.  
  63. }
  64.  
  65. showTime();
  66. showDate();
  67. </script>
  68. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement