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

<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. 网络编程I/O函数介绍

    read和write #include <unistd.h> ssize_t read(int fd, void *buf, size_t count); ssize_t write(in ...

  2. 内存泄漏 之 MAT工具的使用

    1 内存泄漏的排查方法 Dalvik Debug Monitor Server (DDMS) 是 ADT插件的一部分,其中有两项功能可用于内存检查 : ·    heap 查看堆的分配情况 ·     ...

  3. 微信逆向工程之远程操作Mac

    远程控制指令: (功能-指令-是否开启) macbook控制: 屏幕保护-ScreenSave-开启 锁屏-LockScreen-开启 休眠-Sleep-开启 关机-Shutdown-开启 重启-Re ...

  4. threejs精灵平面Sprite(类似tip效果)

    效果图:   let center = this.cube.position.clone(), size = this.cube.geometry.boundingBox.getSize(), sca ...

  5. 【转】Bash Shell中命令行选项/参数处理

    原文网址:http://www.cnblogs.com/FrankTan/archive/2010/03/01/1634516.html 0.引言 写程序的时候经常要处理命令行参数,本文描述在Bash ...

  6. 列表查询SQL语句改造

    一个经常遇到到的场景,就是查询列表数据,列表数据由多张表构成 最简单的查询方法是先写一个查询单条数据的方法,比如这个方法中要查询十张表: 然后一个循环调用查单条的方法,这种逻辑上理解是比较简单的(因为 ...

  7. An Introduction to Greta

    I was surprised by greta. I had assumed that the tensorflow and reticulate packages would eventually ...

  8. [Android] 开发第七天

    在另一台机器上安装 Android-Studio ,结果卡在了 Gradle 的下载界面上,网上各种方案都试了一遍,最终解决办法是: 然后新建了一个 App ,创建了新的签名并上传到手机上,安装时直接 ...

  9. [html][javascript]动态增删页面元素

    <script type="text/javascript"> function append(event){ var myhref = document.create ...

  10. Linux知识温习

    进程间通信(IPC)介绍 mmap - 用户空间与内核空间 linux 进程地址空间的一步步探究 mmap 还是 shmget ? linux C/C++服务器后台开发面试题总结 Trie树详解及其应 ...