Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- <style>
- p {
- text-align: center;
- font-size: 60px;
- }
- </style>
- </head>
- <body>
- <p id="arma"> X</p>
- <p id="msg">Stop the Armagedon!</p>
- <button onclick="stop()">STOP</button>
- <script>
- function stop(){
- clearInterval(x);
- document.getElementById("msg").innerHTML = "Gerettet";
- }
- // Set the date we're counting down to
- var countDownDate = new Date("Jan 5, 2018 15:37:25").getTime();
- // Update the count down every 1 second
- var x = setInterval(function() {
- // Get todays date and time
- var now = new Date().getTime();
- // Find the distance between now an the count down date
- var distance = countDownDate - now;
- // Time calculations for days, hours, minutes and seconds
- var days = Math.floor(distance / (1000 * 60 * 60 * 24));
- var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
- var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
- var seconds = Math.floor((distance % (1000 * 60)) / 1000);
- // Output the result in an element with id="arma"
- document.getElementById("arma").innerHTML = days + "d " + hours + "h "
- + minutes + "m " + seconds + "s ";
- // If the count down is over, write some text
- if (distance < 0) {
- clearInterval(x);
- document.getElementById("arma").innerHTML = "Boooooommmmmmm!!!!!!!!!!!!!";
- document.getElementById("msg").innerHTML = "zu spät";
- }
- }, 1000);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement