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

<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. 实现斐波拉契数列的四种方式python代码

    斐波那契数列 1. 斐波拉契数列简介 斐波那契数列(Fibonacci sequence),又称黄金分割数列.因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引 ...

  2. [转载]MySQL索引原理与慢查询优化

    好文,以防丢失,故转之,另对排版做简单优化.原文地址:http://ourmysql.com/archives/1401 索引目的 索引的目的在于提高查询效率,可以类比字典,如果要查"mys ...

  3. C# 后台线程更新UI控件

    /********************************************************************************* * C# 后台线程更新UI控件 * ...

  4. 揭密FutureTask

    Future是我们在使用java实现异步时最常用到的一个类,我们可以向线程池提交一个Callable,并通过future对象获取执行结果.本篇文章主要讲述了JUC中FutureTask中的一些实现原理 ...

  5. asp.net 操作word 权限

    1.先安装office 2.在“DCOM配置”中,为IIS账号配置操作Word(其他Office对象也一样)的权限: 开始>运行>输入  dcomcnfg  >确定 具体操作:“组件 ...

  6. macOS -- 如何通过终端开启/关闭SSH

    在macOS中(较新版),基本都会配置了SSH,能完成我们开发中绝大部分功能,所以不需要再去使用第三方的软件去操作. 不过SSH守护进程是默认禁用的,我们需要手动开启 1. 查看是否开始SSH功能 s ...

  7. windows php下memcache+memcached安装与配置

    环境声明: 服务器:Windows7 64-bit:Memcached:Memcached 64-bit for Windows(64位) 安装过程 解压刚刚下载的压缩包,得到两个文件:memcach ...

  8. 微软正式发布Windows 1.0 回顾历代Windows版本界面

    在刚过去的上月底,Windows XP过完了12岁生日,在今天我们又欢快地迎来了Windows的生日.在1985年11月20日,微软正式发布Windows 1.0,它基于的是MS-DOS系统,实际上其 ...

  9. 关于OkHttp–支持SPDY协议的高效HTTP库 com.squareup.okhttp

    转载:http://liuzhichao.com/p/1707.html OkHttp–支持SPDY协议的高效HTTP库 柳志超博客 » Program » Andriod » OkHttp–支持SP ...

  10. 添加APP右上角数字提醒标识

    mui.plusReady(function() { plus.nativeUI.closeWaiting(); mui.currentWebview.show(); //1.设置app右上角数字提醒 ...