js实现有趣的倒计时效果

js有趣的倒计时小案例，供大家参考，具体内容如下

代码：

 

  
  
  
  
    * {
      margin: 0;
      padding: 0;
    }
    
    .wrap {
      overflow: hidden;
      width: 500px;
      height: 500px;
      background-color: #eeeeee;
      margin: 0 auto;
    }
    
    h2 {
      margin-top: 20px;
      text-align: center;
      color: #fff;
    }
    
    input {
      width: 70px;
    }
    
    .ipt {
      text-align: center;
      margin-top: 50px;
    }
    
    .run {
      width: 100px;
      height: 100px;
      background-color: #000;
      text-align: center;
      line-height: 100px;
      color: #fff;
      font-size: 30px;
      border-radius: 50%;
      margin: 30px auto 0;
    }
    
    .juli {
      text-align: center;
      margin-top: 30px;
    }
    
    .sytime {
      text-align: center;
      margin-top: 60px;
      font-size: 25px;
      color: #fff;
    }
    
    .sytime span {
      font-size: 30px;
      color: red;
    }
    
    .juli span {
      font-size: 18px;
      color: red;
    }
  

 

  
    倒计时
    
    
      请输入: 年月日
    
    
    开始
    
    
现在距离-0000-还剩:
    
    
      00天
      00小时
      00分
      00秒
    
  
  

 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。