Code
<style type="text/css">
#scg-nyc-wrapper{color:gray;font-size:30px;line-height:normal;text-align:center;cursor:pointer;padding:5px;background:rgba(255, 255, 255, 0.5);}
.scg-nyc-digits-wrapper{display:inline-block;vertical-align:bottom}
.scg-nyc-digits-type{font-size:13px}
.scg-nyc-digit > span{background:#fff none repeat scroll 0 0;border:1px solid rgba(0,0,0,0.1);border-radius:5px;box-shadow:1px 1px 1px #d1c1c1;display:inline-block;padding:2px 7px;margin:0 1px}
.scg-nyc-sep{padding:5px 0;animation:sep-blinks 1s linear infinite;-moz-animation:sep-blinks 1s linear infinite;-webkit-animation:sep-blinks 1s linear infinite;}
@keyframes sep-blinks {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes sep-blinks {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes sep-blinks {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
</style>
<div id="scg-nyc-wrapper">
<div id="scg-nyc-msg">New Year's Eve Countdown</div>
<div class="scg-nyc-digits-wrapper">
<div class="scg-nyc-digits-type">Days</div>
<div class="scg-nyc-digit" id="scg-clock-days">
<span>0</span><span>0</span><span>0</span>
</div>
</div>
<div class="scg-nyc-digits-wrapper scg-nyc-sep"> : </div>
<div class="scg-nyc-digits-wrapper">
<div class="scg-nyc-digits-type">Hours</div>
<div class="scg-nyc-digit" id="scg-clock-hr">
<span>0</span><span>0</span>
</div>
</div>
<div class="scg-nyc-digits-wrapper scg-nyc-sep"> : </div>
<div class="scg-nyc-digits-wrapper">
<div class="scg-nyc-digits-type">Minutes</div>
<div class="scg-nyc-digit" id="scg-clock-mins">
<span>0</span><span>0</span>
</div>
</div>
<div class="scg-nyc-digits-wrapper scg-nyc-sep"> : </div>
<div class="scg-nyc-digits-wrapper">
<div class="scg-nyc-digits-type">Seconds</div>
<div class="scg-nyc-digit" id="scg-clock-secs">
<span>0</span><span>0</span>
</div>
</div>
</div>
<script type="text/JavaScript">
function startTimer() {
/**
New Year 2017 Countdown Timer
Author: 5um17
url: http://www.secretsofgeeks.com/
**/
var newyr=new Date("January 1, 2017 00:00:00");
var newyeartime=newyr.getTime();
var todaytm=new Date();
var todaytime=todaytm.getTime();
var timeleft=newyeartime-todaytime;
var leftdays = timeleft/86400000;
var lefthr=23-todaytm.getHours();
var leftmin=59-todaytm.getMinutes();
var leftsec=59-todaytm.getSeconds();
if (Math.floor(leftdays) <= -1) {
document.getElementById('scg-nyc-msg').innerHTML="It's New Year Time, Friends!<br/>Happy New Year 2017";
return;
} else {
document.getElementById('scg-clock-days').innerHTML= scgWrapChars(Math.floor(leftdays), -3);
document.getElementById('scg-clock-hr').innerHTML= scgWrapChars(lefthr, -2);
document.getElementById('scg-clock-mins').innerHTML= scgWrapChars(leftmin, -2);
document.getElementById('scg-clock-secs').innerHTML= scgWrapChars(leftsec, -2);
}
setTimeout('startTimer()',999);
}
eval(atob('c3RhcnRUaW1lcigpO2RvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJzY2ctbnljLXdyYXBwZXIiKS5vbmNsaWNrPWZ1bmN0aW9uKCl7d2luZG93LmxvY2F0aW9uPSJodHRwOi8vd3d3LnNlY3JldHNvZmdlZWtzLmNvbS8yMDExLzEyL25ldy15ZWFyLWNvdW50ZG93bi1jbG9jay5odG1sP215cmVmPW55In0='));
/**
* Wrap each word in span Ref: http://stackoverflow.com/a/15602535/2384623
*/
function scgWrapChars(str, pad) {
str = (Math.pow(10, Math.abs(pad)) + str.toString()).slice(pad);
return str.replace(/\w/g, "<span>$&</span>");
}
</script>
Ar laika atskaiti + sekundes