距离2020-12-04 16:50:00还有多久

  1. <ul id="app"></ul>
  2. <script>
  3. function handleTime(value){
  4. if(value<10){
  5. return "0"+value;
  6. }
  7. return ""+value;
  8. }
  9. function showTime() {
  10. var app = document.getElementById("app");
  11. endTime = "2020-12-04 16:50:00";
  12. var endTime = new Date(endTime).getTime();
  13. var nowTime = new Date().getTime();
  14. var gapTime = endTime - nowTime;
  15. console.log(gapTime);
  16. var seconds = Math.floor(gapTime / 1000);
  17. console.log(seconds);
  18. var hours = handleTime(Math.floor(seconds / 3600));
  19. console.log(hours);
  20. seconds = seconds % 3600;
  21. console.log(seconds);
  22. var minutes = handleTime(Math.floor(seconds / 60));
  23. console.log(minutes);
  24. seconds = handleTime(seconds % 60);
  25. console.log(seconds)
  26. var sum = hours + ":" + minutes + ":" + seconds;
  27. app.innerHTML=sum
  28. setTimeout(function() {
  29. showTime();
  30. },1000)
  31. }
  32. showTime();
  33. </script>