基于HTML-CSS-JS的倒计时功能实现

基于HTML-CSS-JS的倒计时功能实现

重点

• 定时器setInterval
• parseInt（Math.floor用法一样）
• Math.floor 去掉小数
• Date()

注意以下区别

• getElementsByClassName是取数组的
• getElementsByID不是取数组
• class是可以多个的，id才是唯一的

     正确：
     h[0].innerHTML = hour;
     m[0].innerHTML = min;
     s[0].innerHTML = sec;

      错误：
      h.innerHTML = hour;
      m.innerHTML = min;
      s.innerHTML = sec;

以下代码放到一个完整的HTML页面中没有问题。若是放到其他项目中，有其他的span标签，可能会冲突。

修改JS

 var h=document.getElementsByClassName("hour");
    var m=document.getElementsByClassName("min")
    var s=document.getElementsByClassName("sec");

    var endTime = new Date("2020-10-25 00:00:00");
    var timer = nu