coming-soon.js 1.5 KB

123456789101112131415161718192021222324252627282930313233
  1. /*=========================================================================================
  2. File Name: page-coming-soon.js
  3. Description: Coming Soon
  4. ----------------------------------------------------------------------------------------
  5. Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  6. Author: PIXINVENT
  7. Author URL: http://www.themeforest.net/user/pixinvent
  8. ==========================================================================================*/
  9. /*******************************
  10. * js of Countdown *
  11. ********************************/
  12. $(document).ready(function() {
  13. var todayDate = new Date();
  14. var releaseDate = new Date(todayDate.setDate(todayDate.getDate()+5));
  15. var dd = releaseDate.getDate();
  16. var mm = releaseDate.getMonth() + 1;
  17. var yy = releaseDate.getFullYear();
  18. var releaseDate = yy + "/" + mm + "/" + dd;
  19. $('#clockFlat').countdown(releaseDate).on('update.countdown', function(event) {
  20. var $this = $(this).html(event.strftime('<div class="clockCard px-1"> <span>%d</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Day%!d </p> </div>'
  21. + '<div class="clockCard px-1"> <span>%H</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Hour%!H </p> </div>'
  22. + '<div class="clockCard px-1"> <span>%M</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Minute%!M </p> </div>'
  23. + '<div class="clockCard px-1"> <span>%S</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Second%!S </p> </div>'))
  24. });
  25. });