zoukankan      html  css  js  c++  java
  • js实现倒计时

    我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂.

    首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多了,下面我分了几个步骤:

    1,获取当前的时间,并且定义结束的时间

    2.用求未来时间和当前时间的时间差,并且求出时分秒

    3.设置定时器,让时间每秒递减

    var timer = setInterval(timers, 1000);
    var StartTime="2018/06/10"
    function timers() {
    //获取现在的时间
    var now = new Date();
    //获取你想要的未来时间
    var future = new Date(StartTime);
    var time = future.getTime() - now.getTime();
    //获取距离的天数
    var day = parseInt(time / 24 / 60 / 60 / 1000);
    //获取距离的小时
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    //获取分
    var minute = parseInt(time / 1000 / 60 % 60);
    //获取秒
    var sec = parseInt(time / 1000 % 60);
    if(time < 0) {

    clearInterval(timer);
    console.log( `距离开始时间为还有00天00小时00分00秒`)
    return
    }

    console.log( `距离开始还有 ${day.toString().padStart(2,0)} 天 ${hour.toString().padStart(2,0)} 时 ${minute.toString().padStart(2,0)} 分 ${sec.toString().padStart(2,0)} 秒`)

    }

  • 相关阅读:
    Elasticsearch倒排索引结构
    Redis(二)冰叔带你了解Redis-哨兵模式和高可用集群解析
    jenkins构建配置
    jenkins配置email
    jenkins配置maven
    jenkins配置java
    jenkins配置git
    centos安装jenkins
    centos安装tomcat
    centos安装jdk
  • 原文地址:https://www.cnblogs.com/cythia/p/6808049.html
Copyright © 2011-2022 走看看