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

<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. Alpha冲刺一 （6/10）

    前言 队名:拖鞋旅游队 组长博客:https://www.cnblogs.com/Sulumer/p/10004107.html 作业博客:https://edu.cnblogs.com/campus ...

  2. CF 432D

    http://codeforces.com/problemset/problem/432/D 在前缀是后缀的前提下,求这个前缀在原串中出现了多少次 出现的次数可以用dp求解,前缀是后缀直接用Next判 ...

  3. Nginx下载和安装与启动

    nginx是什么 nginx是一个开源的,支持高性能,高并发的www服务和代理服务软件.它是一个俄罗斯人lgor sysoev开发的,作者将源代码开源出来供全球使用. nginx比它大哥apache性 ...

  4. python爬虫——多线程+协程（threading+gevent）

    上一篇博客中我介绍了如何将爬虫改造为多进程爬虫,但是这种方法对爬虫效率的提升不是非常明显,而且占用电脑cpu较高,不是非常适用于爬虫.这篇博客中,我将介绍在爬虫中广泛运用的多线程+协程的解决方案,亲测 ...

  5. {转载}需要同时设置 noatime 和 nodiratime 吗？

    相信对性能.优化这些关键字有兴趣的朋友都知道在 Linux 下面挂载文件系统的时候设置 noatime 可以显著提高文件系统的性能.默认情况下,Linux ext2/ext3 文件系统在文件被访问.创 ...

  6. Firefox渗透插件—Web渗透必备工具

    1:Firebug Firefox的 五星级强力推荐插件之一,不许要多解释 2:User Agent Switcher 改变客户端的User Agent的一款插件 3:Hackbar 攻城师们的必备工 ...

  7. php non-thread-safe和thread-safe这两个版本有何区别？

    php non-thread-safe和thread-safe这两个版本有何区别? non-thread-safe 非线程安全 与IIS 搭配环境thread-safe 线程安全 与apache 搭配 ...

  8. ORA-12560:TNS:协议器错误的解决方法

    使用SQL Plus登录数据库时,系统报ORA-12560:TNS:协议器错误.之前建了三个数据库实例,删除了一个实例.现在登录其中一个数据库报此错误.   工具/原料   Oracle11g 方法/ ...

  9. PAT 甲级 1010 Radix (25)（25 分）进制匹配（听说要用二分，历经坎坷，终于AC）

    1010 Radix (25)(25 分) Given a pair of positive integers, for example, 6 and 110, can this equation 6 ...

  10. [原][Java]eclipse 修改自动提示

    下载 jar 链接:http://files.cnblogs.com/files/z5337/org.eclipse.jface.text_3.7.2.v20111213-1208.zip 或者这个: ...