"CountDown"
Bootstrap 3.3.0 Snippet by Rashad1212

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div id="timer"> <div id="days"></div> <div id="hours"></div> <div id="minutes"></div> <div id="seconds"></div> </div> </div> <div class="we"> <a href="www.divscode.com">Website</a> <a href="www.facebook.com/eahea.ratan">Facebook me</a> <a href="https://www.facebook.com/Divscode-1216324965149317/">Website</a> </div> </div>
@import url('https://fonts.googleapis.com/css?family=Lobster'); #days { font-size: 200px; color: #db4844; } #hours { font-size: 150px; color: #f07c22; } #minutes { font-size: 100px; color: #f6da74; } #seconds { font-size: 50px; color: #abcd58; } div { display: inline-block; line-height: 1; padding: 20px; font-size: 40px; } span { display: block; font-size: 20px; color: white; } body { text-align: center; font-family: 'Lobster', cursive; color: white; background: #222; } /*------------ we are -----*/ .we a{ font-size:12px; }
function makeTimer() { var endTime = new Date("August 10, 2017 12:00:00 PDT"); var endTime = (Date.parse(endTime)) / 1000; var now = new Date(); var now = (Date.parse(now) / 1000); var timeLeft = endTime - now; var days = Math.floor(timeLeft / 86400); var hours = Math.floor((timeLeft - (days * 86400)) / 3600); var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60); var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60))); if (hours < "10") { hours = "0" + hours; } if (minutes < "10") { minutes = "0" + minutes; } if (seconds < "10") { seconds = "0" + seconds; } $("#days").html(days + "<span>Days</span>"); $("#hours").html(hours + "<span>Hours</span>"); $("#minutes").html(minutes + "<span>Minutes</span>"); $("#seconds").html(seconds + "<span>Seconds</span>"); } setInterval(function() { makeTimer(); }, 1000);

Related: See More


Questions / Comments: