Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="box">
- <div class="clock">
- <span class="offset"></span>
- <span class="minutes"></span>
- <span class="seconds"></span>
- </div>
- <div class="date">
- <div id="daymonth2"></div>
- <div id="year2"></div>
- </div>
- </div>
- <script>
- var date = new Date(),
- offset = date.getTimezoneOffset()/60,
- year = date.getFullYear(),
- month = date.getMonth(),
- day = date.getUTCDate(),
- months = ["Januar", "Febuar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "October", "November", "December"];
- function pad(number, length) {
- var str = "" + number
- while (str.length < length) {
- str = '0' + str
- }
- return str
- }
- //offset = ((offset < 0 ? '+' : '-') +
- // pad(parseInt(Math.abs(offset / 60)), 2) +
- //pad(Math.abs(offset % 60), 2));
- document.getElementById('daymonth').innerHTML = months[month] + " " + day;
- document.getElementById('year').innerHTML = year;
- document.getElementById('daymonth2').innerHTML = months[month] + " " + day;
- document.getElementById('year2').innerHTML = year;
- var clockH = $(".hours");
- var clockM = $(".minutes");
- var clockS = $(".seconds");
- var clockO = $(".offset");
- function time() {
- var d = new Date(),
- s = d.getSeconds() * 6,
- m = d.getMinutes() * 6 + (s / 60),
- h = d.getHours() % 12 / 12 * 365 + (m / 12);
- clockH.css("transform", "rotate(" + h + "deg)");
- clockM.css("transform", "rotate(" + m + "deg)");
- clockS.css("transform", "rotate(" + s + "deg)");
- }
- function timezone() {
- var t = new Date(),
- s = t.getSeconds() * 6,
- m = t.getMinutes() * 6 + (s / 60),
- o = t.getHours() % 12 / 12 * 365 + offset + (m / 12)-60;
- clockO.css("transform", "rotate(" + o + "deg)");
- clockM.css("transform", "rotate(" + m + "deg)");
- clockS.css("transform", "rotate(" + s + "deg)");
- }
- var clock = setInterval(time, 1000);
- time();
- var clock = setInterval(timezone, 1000);
- timezone();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement