Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Digitaalkell</title>
- <iframe width="0" height="0" src="https://www.youtube.com/embed/1Cs0qyG78qY?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
- </head>
- <body>
- <style type ="text/css">
- body{
- background: url("https://i.imgur.com/KPwiYiM.jpg");
- }
- .clock{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- color: #fff;
- font-size: 90px;
- border: 1px solid #ccc;
- padding: 0px 5px 0px 5px;
- }
- .date{
- position: absolute;
- top: 43%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- color: #fff;
- font-size: 30px;
- }
- </style>
- <div id="DigitaalKell" class="clock"></div>
- <div id="Date" class="date"></div>
- <script type="text/javascript">
- function showTime(){
- var date = new Date();
- var h = date.getHours();
- var m = date.getMinutes();
- var s = date.getSeconds();
- h = (h < 10) ? "0" + h : h;
- m = (m < 10) ? "0" + m : m;
- s = (s < 10) ? "0" + s : s;
- var time = h + ":" + m + ":" + s;
- document.getElementById("DigitaalKell").innerText = time;
- document.getElementById("DigitaalKell").innerContent = time;
- setTimeout(showTime, 1000);
- }
- function showDate(){
- var date = new Date;
- var year = date.getFullYear();
- var month = date.getMonth();
- months = new Array('Jaanuar', 'Veebruar', 'Märts', 'Aprill', 'Mai', 'Juuni', 'Juuli', 'August', 'September', 'Oktoober', 'November', 'Detsember');
- d = date.getDate();
- day = date.getDay();
- days = new Array ('Pühapäev', 'Esmaspäev', 'Teisipäev', 'Kolmapäev', 'Neljapäev', 'Reede', 'Laupäev');
- var result = ''+days[day]+' '+months[month]+' '+d+' '+year;
- document.getElementById("Date").innerText = result;
- }
- showTime();
- showDate();
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement