js date 获取当前时间日期,倒计时,函数使用方法整理

829135313.jpg

JS日期(Date)处理函数 js date,学习javascript的一个小小的总结:

js date 对象用于处理日期和时间。 

创建 Date 对象的语法: 

var myDate=new Date() 

Date 对象会自动把当前日期和时间保存为其初始值。


获取日期

1、Date()

——返回当日的日期和时间。

2、getDate()

——从 Date 对象返回一个月中的某一天 (1 ~ 31)。

3、getDay()

——从 Date 对象返回一周中的某一天 (0 ~ 6)。

4、getMonth()

——从 Date 对象返回月份 (0 ~ 11)。(注意0代表一月,11就是十二月)

5、getFullYear()

——从 Date 对象以四位数字返回年份。

6、getYear()

——请使用 getFullYear() 方法代替。(返回年份的两位)

7、getHours()

——返回 Date 对象的小时 (0 ~ 23)。

8、getMinutes()

——返回 Date 对象的分钟 (0 ~ 59)。

9、getSeconds()

——返回 Date 对象的秒数 (0 ~ 59)。

10、getMilliseconds()

——返回 Date 对象的毫秒(0 ~ 999)

11、getTime()

——返回 1970 年 1 月 1 日至今的毫秒数。

设置日期

1、setDate()

——设置 Date 对象中月的某一天 (1 ~ 31)。

2、setMonth()

——设置 Date 对象中月份 (0 ~ 11)。

3、setFullYear()

——设置 Date 对象中的年份(四位数字)。

4、setHours()

——设置 Date 对象中的小时 (0 ~ 23)。

5、setMinutes()

——设置 Date 对象中的分钟 (0 ~ 59)。

6、setSeconds()

——设置 Date 对象中的秒钟 (0 ~ 59)。

7、setMilliseconds()

——设置 Date 对象中的毫秒 (0 ~ 999)。

8、setTime()

——以毫秒设置 Date 对象。

--------------------------------------------------

JS Date 对象用于处理日期和时间。

创建 Date 对象的语法:

var myDate=new Date()

Date 对象会自动把当前日期和时间保存为其初始值。

参数形式有以下5种: 

new Date("month dd,yyyy hh:mm:ss");

new Date("month dd,yyyy");

new Date(yyyy,mth,dd,hh,mm,ss);

new Date(yyyy,mth,dd);

new Date(ms);

注意最后一种形式,参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下:

month:用英文表示月份名称,从January到December

mth:用整数表示月份,从0-11(1月到12月)

dd:表示一个月中的第几天,从1到31

yyyy:四位数表示的年份

hh:小时数,从0(午夜)到23(晚11点)

mm:分钟数,从0到59的整数

ss:秒数,从0到59的整数

ms:毫秒数,为大于等于0的整数

如:

new Date("January 12,2006 22:19:35");

new Date("January 12,2006");

new Date(2006,0,12,22,19,35);

new Date(2006,0,12);

new Date(1137075575000);

Date() 返回当日的日期和时间。 

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。

getMonth() 从 Date 对象返回月份 (0 ~ 11)。

getFullYear() 从 Date 对象以四位数字返回年份。

getYear() 请使用 getFullYear() 方法代替。

getHours() 返回 Date 对象的小时 (0 ~ 23)。

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。

getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。

getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。

getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。

getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。

getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。

getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。

getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。

getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。

getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。

getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。

getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。

parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。

setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。

setMonth() 设置 Date 对象中月份 (0 ~ 11)。

setFullYear() 设置 Date 对象中的年份(四位数字)。

setYear() 请使用 setFullYear() 方法代替。

setHours() 设置 Date 对象中的小时 (0 ~ 23)。

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。

setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。

setTime() 以毫秒设置 Date 对象。

setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。

setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。

setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。

setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。

setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。

setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。

setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。

toSource() 返回该对象的源代码。

toString() 把 Date 对象转换为字符串。

toTimeString() 把 Date 对象的时间部分转换为字符串。

toDateString() 把 Date 对象的日期部分转换为字符串。

toGMTString() 请使用 toUTCString() 方法代替。

toUTCString() 根据世界时,把 Date 对象转换为字符串。

toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。

toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。

toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。

UTC() 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。

valueOf() 返回 Date 对象的原始值。

//var objDate=new Date([arguments list]);


js date 的使用实例一,获取当前的时间日期和星期

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>js date 获取当前的时间日期星期</title>

<script language="javascript">

function showtime(){

var today,hour,second,minute,year,month,date;

var strDate ;

today=new Date();

var n_day = today.getDay();

        switch (n_day){

            case 0:{

              strDate = "星期日"

            }break;

            case 1:{

              strDate = "星期一"

            }break;

            case 2:{

              strDate ="星期二"

            }break;

            case 3:{

              strDate = "星期三"

            }break;

            case 4:{

              strDate = "星期四"

            }break;

            case 5:{

              strDate = "星期五"

            }break;

            case 6:{

              strDate = "星期六"

            }break;

            case 7:{

              strDate = "星期日"

            }break;

        }

year = today.getFullYear();

month = today.getMonth()+1;

date = today.getDate();

hour = today.getHours();

minute =today.getMinutes();

second = today.getSeconds();

document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日" + strDate +" " + hour + ":" + minute + ":" + second; //显示时间

setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)

}

</script>

</head>

<body>

<div id="time"></div>

<script language="javascript"> showtime();</script>

</body>

</html>


js date 的使用实例二,时间倒计时

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>js date 倒计时</title>

<style>

*{ margin:0; padding:0; list-style:none;}

body{ font-size:18px; text-align:center;}

.time{ height:30px; padding:200px;}

</style>

</head>

<body>

  <div class="time">

    <span id="t_d">00天</span>

    <span id="t_h">00时</span>

    <span id="t_m">00分</span>

    <span id="t_s">00秒</span>

  </div>

<script>

  function GetRTime(){

    var EndTime= new Date('2018/01/1 0:00:00');

    var NowTime = new Date();

    var t =EndTime.getTime() - NowTime.getTime();

    var d=0;

    var h=0;

    var m=0;

    var s=0;

        if(t>=0){

          d=Math.floor(t/1000/60/60/24);

          h=Math.floor(t/1000/60/60%24);

          m=Math.floor(t/1000/60%60);

          s=Math.floor(t/1000%60);

        }


    document.getElementById("t_d").innerHTML = d + "天";

    document.getElementById("t_h").innerHTML = h + "时";

    document.getElementById("t_m").innerHTML = m + "分";

    document.getElementById("t_s").innerHTML = s + "秒";

  }

  setInterval(GetRTime,0);

</script>

</body>

</html>

回到

顶部