index.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. // Import Bootstrap
  2. import 'bootstrap'
  3. import 'bootstrap/dist/css/bootstrap.min.css'
  4. // Import own css
  5. import '../css/index.css'
  6. // Import SimpleMDE
  7. import SimpleMDE from 'simplemde'
  8. import 'simplemde/dist/simplemde.min.css'
  9. if (document.querySelector('textarea') > 0) {
  10. new SimpleMDE()
  11. }
  12. // Javascript
  13. function countdown() {
  14. let element = document.querySelector(".countdown")
  15. let date = element.getAttribute('date');
  16. let days, hours, minutes, seconds;
  17. let endDate = new Date(date).getTime();
  18. if (isNaN(endDate)) {
  19. return;
  20. }
  21. calculate()
  22. setInterval(calculate, 1000);
  23. function calculate() {
  24. let startDate = new Date();
  25. startDate = startDate.getTime();
  26. let timeRemaining = parseInt((endDate - startDate) / 1000);
  27. if (timeRemaining >= 0) {
  28. hours = parseInt(timeRemaining / 3600);
  29. timeRemaining = (timeRemaining % 3600);
  30. minutes = parseInt(timeRemaining / 60);
  31. timeRemaining = (timeRemaining % 60);
  32. seconds = parseInt(timeRemaining);
  33. document.querySelector(".countdown .hours").innerHTML = ("0" + hours).slice(-2);
  34. document.querySelector(".countdown .minutes").innerHTML = ("0" + minutes).slice(-2);
  35. document.querySelector(".countdown .seconds").innerHTML = ("0" + seconds).slice(-2);
  36. } else {
  37. return;
  38. }
  39. }
  40. }
  41. window.onload = function () {
  42. countdown();
  43. }