一、实现当前时间到指定截止时间的倒计时功能

<html>

    <head>

        <title>TEST</title>

    </head>

    <body>

        <script>

            //获取当前时间距离截止时间的倒计时

            //参数为截止时间

            var leftTimer = function(year, month, day, hour, minute, second){

                var leftTime = (new Date(year, month-1, day, hour, minute, second)) - (new Date());//计算剩余毫秒数

                var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//计算剩余天数

                var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余小时数

                var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩分钟数

                var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余秒数

                days = checkTime(days).toString();

                hours = checkTime(hours).toString();

                minutes = checkTime(minutes).toString();

                seconds = checkTime(seconds).toString();

                return days + ' : ' + hours + ' : ' + minutes + ' : ' + seconds

            }

            var checkTime = function(i){

                if(i < 10){

                    i = "0" + i;

                }

                return i;

            }

            setInterval(function() {

                document.getElementById('testId').innerHTML = leftTimer(2018, 12, 31, 11, 0, 0)

            }, 1000)

        </script>

        <div id="testId"> </div>

    </body>

</html>

二、获取当前的年月日时分秒

var currTime = new Date();             //获取当前时间的毫秒数

var year = currTime.getFullYear();     //获取当前时间的年份

var month = currTime.getMonth() + 1;   //获取当前时间的月份，月份从0开始，所以需要加一

var day = currTime.getDate();          //获取当前时间的日期，getDay()可以获取星期几

var hour = currTime.getHours();        //获取当前时间的小时数

var minute = currTime.getMinutes();    //获取当前时间的分钟数

var second = currTime.getSeconds();    //获取当前时间的秒数

三、毫秒数转成年月日时分秒

//毫秒数转换成时间

var getCurrentTime = function(milliseconds){

    var myDate = new Date(milliseconds);

    var year = myDate.getFullYear();

    var month = myDate.getMonth() + 1;

    var day = myDate.getDate()

    var hour = myDate.getHours();

    var minute = myDate.getMinutes();

    var second = myDate.getSeconds();

    month = checkTime(month).toString();

    day = checkTime(day).toString();

    hour = checkTime(hour).toString();

    minute = checkTime(minute).toString();

    second = checkTime(second).toString();

    return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;

}

// 只有一位数字时添加“0”

var checkTime = function(i){

    if(i < 10){

        i = "0" + i;

    }

    return i;

}

js 倒计时功能，获取当前时间的年月日，时分秒的更多相关文章

  1. js获取当前时间的年月日时分秒以及时间的格式化

    1.获取当前时间 var myDate = new Date(); 2.获取时间中的年月日时分秒 myDate.getYear(); // 获取当前年份(2位) myDate.getFullYear( ...

  2. C语言 - 获取系统时间 以年月日时分秒的形式输出

    ESP32需要给下位机通过UART发送时间戳,形式是年月日时分秒的十六进制数据包. #include <stdio.h> #include <time.h> int main( ...

  3. java 获取当前时间及年月日时分秒

    java代码如下: package test; import java.text.SimpleDateFormat; import java.util.Calendar; import java.ut ...

  4. [SoapUI] 获取当前时间包括年月日时分秒来作为命名

    import java.text.SimpleDateFormat GregorianCalendar calendar = new GregorianCalendar() def dateForma ...

  5. 在vue项目中显示实时时间（年月日时分秒）

    1.在data中定义一个变量,存储时间 data(){ return { nowTime:'' } }, 2.给定一个div <div>{{nowTime}}</div> 3. ...

  6. c#.net 获取时间日期年月日时分秒格式

    今天写代码发现两个比较不错的分享下:1.DateTime.ParseExact很多时候我们获取的时间是数字形式表示的,好比20140127134015.927856,通过这个方法DateTime.Pa ...

  7. c#.net 获取时间日期年月日时分秒生成自动文件名格式

    下面是日期和时间的各种方法,转换为字符串. 如果把输出的格式改下就可以做类似的文件名了,例如:2016010110101224356.doc  c#用DateTime.Now.ToString(&qu ...

  8. mysql格式化整数类型时间生成年月日时分秒格式(long或string接收)

    数据库格式: 数据库mysql语句: FROM_UNIXTIME( s.timemodified, '%Y-%m-%d %h:%i:%s' ) 生成结果: 测试sql为: SELECT *, FROM ...

  9. 【第六篇】javascript显示当前的时间（年月日 时分秒 星期）

    不多说自己上代码 这是我开始学javascript写的,现在发出来 <span id="clock" ></span> function time() { ...

随机推荐

  1. RF/GBDT/XGBoost/LightGBM简单总结(完结)

    这四种都是非常流行的集成学习(Ensemble Learning)方式,在本文简单总结一下它们的原理和使用方法. Random Forest(随机森林): 随机森林属于Bagging,也就是有放回抽样 ...

  2. 使用Maven简单配置Mybatis

    1.新建一个Maven项目 2. 在pom.xml中进行配置,在pom.xml中配置的时候,需要网速好,当网速不是很好的时候,是加载不出Jar包的. 代码如下所示. <project xmlns ...

  3. Tomcat启动 Unable to process Jar entry [javassist/XXXXXX.class]

    例如: 03-Mar-2017 17:01:45.864 SEVERE [RMI TCP Connection(3)-127.0.0.1] org.apache.catalina.startup.Co ...

  4. 最佳C/C++编辑器 source insight3

    C/C++嵌入式代码编辑器source insight3下载地址 http://www.sourceinsight.com/eval.html 注册码:SI3US-361500-17409

  5. 在IIS服务上发布网站

    一.打开控制面板中的“管理工具” 二.打开IIS管理器 三.右键网站,选择“新建网站”

  6. java对象模型

    java对象模型其实就是JVM中对象的内存布局.一个对象本身内在结构的描述信息以字节码的方式存储在方法区中(参见java内存区域),说白了就是class文件.那么如何获取到对象的class信息呢?虚拟 ...

  7. 谜一样的jquery之$选择器

    jquery是一个强大的js类库,提供了很多便利的操作方法并兼容不同的浏览器,一旦使用便欲罢不能,根本停不下来,今天我们就来解读一下这个神秘的jquery源代码. 前几天思考再三,自己尝试着封装了一下 ...

  8. linux下scp用法

    scp 对拷文件夹 和 文件夹下的所有文件 对拷文件并重命名 对拷文件夹 (包括文件夹本身) scp -r   /home/wwwroot/www/charts/util root@192.168.1 ...

  9. 利用spring的CommonsMultipartResolver上传文件

    1.CommonsMultipartResolver是spring里面提供的一个上传方式,效率我不知道,但是加入spring容器管理还是很不错的. 2.先看依赖包pom.xml <project ...

  10. Windows RDP远程连接CentOS 7

      1. 打开已经安装了CentOS7的主机,以root用户登录,在桌面上打开一个终端,输入命令:rpm -qa|grep epel,查询是否已经安装epel库(epel是社区强烈打造的免费开源发行软 ...