Countdown in days

by

Not a lot of code needed, just a small helper function to calculate days difference and then a replace content with whatever you want.

Full sample:

<html>
  <div id="counter" />

  <script type="text/javascript">
    function daysDifference($startDate, $endDate) {
      oneDay = 24*60*60*1000;
      return Math.ceil(($endDate.getTime() - $startDate.getTime()) / oneDay);  
    }

    // 2015/01/01
    $startDate = new Date(2015, 0, 1);
    // 2015/12/31
    $endDate = new Date(2015, 11, 31);
    $today = new Date();
    document.getElementById("counter").innerHTML = 'Day ' + daysDifference($startDate, $today) + ': ' + daysDifference($today, $endDate) + ' days left';
  </script>
</html>

http://codepen.io/anon/pen/KwjvqO?editors=100

More Related Contents:

  1. best tools for theme design? [closed]
  2. Css set size of elements in array dynamically [closed]
  3. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  4. jQuery/JavaScript to replace broken images
  5. Get cursor position (in characters) within a text Input field
  6. Print the contents of a DIV
  7. Get file size, image width and height before upload
  8. How to disable all div content
  9. Capture key press (or keydown) event on DIV element
  10. How to pass parameters on onChange of html select
  11. How to scroll to top of page with JavaScript/jQuery?
  12. Using execCommand (Javascript) to copy hidden text to clipboard
  13. How to get the onclick calling object?
  14. How to use jQuery to select a dropdown option?
  15. JavaScript Scale Text to Fit in Fixed Div
  16. How to detect element being added/removed from dom element?
  17. CSS3-Animate elements if visible in viewport (Page Scroll)
  18. How to Disable Copy Paste (Browser)
  19. How can I use JSON data to populate the options of a select box?
  20. How to create a responsive image that also scales up in Bootstrap 3
  21. How to focus on a form input text field on page load using jQuery?
  22. How to replace html element with ajax response?
  23. How do I make a move up and down when I’m scrolling the page?
  24. Remove ‘All Files’ option from HTML file input
  25. HTML/Javascript Button Click Counter
  26. Trigger for span text/html on changed
  27. How to Bootstrap navbar static to fixed on scroll?
  28. How to use pagination on HTML tables?
  29. Geolocation closest location(lat, long) from my position
  30. How can I reorder elements with JavaScript?

Leave a Comment