zoukankan      html  css  js  c++  java
  • JS倒计时器一只,顺便复习javascript时间相关函数

     1 window.onload = function(){
     2     var uS = 604800;  //后台提供 : 秒
     3     var day=hour=minute=second=0, timer;
     4     var demo = document.getElementById("demo");
     5     //秒数转为 日:时:分:秒
     6     uS==0 || (uS<86400||(day=Math.floor(uS/86400), uS=uS%86400)) 
     7         && uS==0 || (uS<3600||(hour=Math.floor(uS/3600), uS=uS%3600)) 
     8         && uS==0 || (uS<60||(minute=Math.floor(uS/60), uS=uS%60)) 
     9         && uS==0 || (second=uS);
    10     //计时器一只
    11     timer = setInterval(function(){
    12         demo.innerHTML= "还剩 "+day+"天"+hour+"时"+minute+"分"+second+"秒";
    13         second!=0 ? second-- : 
    14             (second=59, minute!=0 ? minute-- : 
    15                 (minute=59, hour!=0 ? hour-- : 
    16                     (hour=23, day!=0 ? day-- : 
    17                         (hour=minute=second=0, clearInterval(timer)))));
    18     },1000);
    19 }
    1 <div id="demo"></div>

    简洁明了,自己写的。

    -----

    顺便补习下javascript的时间相关函数吧!Fri Aug 15 2014 17:38:47 GMT+0800 (中国标准时间)

    1 new Date()  //当前时间
    2 new Date(milliseconds)  //距1970年01月01日毫秒数
    3 new Date(datestring)  //datestring可用Date.parse()转换,示例:08/09/1999、08/09/1999 20:15:15、Jannuary 1, 1998 20:13:15、2009-08-08 12:12:12
    4 new Date(year, month, day, hours, minutes, seconds, microseconds)  //可部分,月从0开始,若数值超出常规值,进位

    日期获取类函数

    • Date() 函数 -- Date对象的构造函数
    • getDate() 函数 -- 返回date对象中的月份中的天数(1-31)
    • getDay()函数 -- 返回date对象中的星期中的天数(0-6)
    • getFullYear() 函数 -- 返回date对象中的四位数年份
    • getHours()函数 -- 返回date对象中的小时数(0-23)
    • getMilliseconds() 函数 -- 返回date对象中的毫秒数(0-999)
    • getMinutes() 函数 -- 返回date对象中的分钟数(0-59)
    • getMonth() 函数 -- 返回date对象中的月份数(0-11)
    • getSeconds() 函数 -- 返回date对象中的秒数(0-59)
    • getTime() 函数 -- 返回date对象的时间戳表示法(毫秒表示)
    • getTimezoneOffset() 函数 -- 返回本地时间与用UTC表示当前日期的时间差,以分钟为单位
    • getUTCDate() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份中的一天(1-31)
    • getUTCDay() 函数 -- 返回date对象中用世界标准时间(UTC)表示的周中的一天(0-6)
    • getUTCFullYear() 函数 -- 返回date对象中用世界标准时间(UTC)表示的四位年份
    • getUTCHours() 函数 -- 返回date对象中用世界标准时间(UTC)表示的小时数(0-23)
    • getUTCMilliseconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的毫秒数(0-999)
    • getUTCMinutes() 函数 -- 返回date对象中用世界标准时间(UTC)表示的分钟数(0-59)
    • getUTCMonth() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份数(0-11)
    • getUTCSeconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的秒数(0-59)
    • getYear() 函数 -- 返回date对象的年份(真实年份减去1900)
    • Date.UTC()函数 -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)

    日期设置类函数

    • setDate() 函数 -- 设置date对象中月份的一天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setFullYear() 函数 -- 设置date对象中的年份,月份和天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setHours() 函数 -- 设置date对象的小时,分钟,秒和毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setMilliseconds() 函数 -- 设置date对象的毫秒数,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setMinutes() 函数 -- 设置date对象的分钟,秒,毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setMonth() 函数 -- 设置date对象中月份,天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setSeconds() 函数 -- 设置date对象中月份的一天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setTime() 函数 -- 使用毫秒数设置date对象,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCDate() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份的一天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCFullYear() 函数 -- 设置date对象中用世界标准时间(UTC)表示的年份,月份和天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCHours() 函数 --- 设置date对象中用世界标准时间(UTC)表示的小时,分钟,秒和毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCMilliseconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的毫秒数,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCMinutes() 函数 -- 设置date对象中用世界标准时间(UTC)表示的分钟,秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCMonth() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份,天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setUTCSeconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的秒,毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
    • setYear() 函数 -- 设置date对象的年份(真实年份减去1900)

    日期打印类函数

    • toDateString() 函数 -- 返回date对象的日期部分的字符串表示
    • toGMTString() 函数 -- 返回date对象的格林威治时间(GMT)的字符串表示
    • toLocaleDateString函数 -- 返回date对象的日期部分的本地化字符串
    • toLocaleTimeString函数 -- 返回date对象的时间部分的本地化字符串
    • toTimeString()函数 -- 返回date对象的时间部分的字符串
    • toUTCString函数 -- 返回date对象的世界标准时间(UTC)的字符串表示

    日期解析类函数

    • Date.parse() 函数 -- 解析一个日期的字符串,并返回该日期距1970年1月1日午夜之间的毫秒数(时间戳)
  • 相关阅读:
    Struts2+Spring+Mybatis+Junit 测试
    struts2 action 页面跳转
    Java面试题(全)
    Java面试题
    Kubernets二进制安装(17)之安装部署Dashboard
    Kubernets二进制安装(16)之安装部署traefik(ingress)
    Kubernets二进制安装(15)之安装部署coredns
    Kubernets二进制安装(14)之flannel之SNAT规则优化
    Kubernets二进制安装(13)之部署Flannel
    Docker网络模型
  • 原文地址:https://www.cnblogs.com/xzhang/p/3915294.html
Copyright © 2011-2022 走看看