Date 对象之获取事件与制作倒计时

来源：互联网发布：java反射获取对象属性编辑：程序博客网时间：2024/05/22 07:45

平时喜欢自学感觉有些东西还要课堂增长
今天上课，才发现 Date 对象那么多，就简单的一个，获取当前时间，如果没有学到今天的知识，我真是一个一个获取从getDate getDay

这个代码非原创哈哈，给那些，需要使用的人

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>网页时钟</title><script type="text/javascript">    //定时器执行的函数    function updateDate(){        //获取系统时间        var dataTime = (new Date()).toLocaleString() + "<br />";        //将时间字符串写到<div id="clock"></div>中        clock.innerHTML = dataTime;    }    //清除定时器    function stopClock(){        clearInterval(t);    }    //初始化    function init(){        //全局变量clock保存用于显示时间的<div id="clock">元素        var clock = document.getElementById("clock");        //全局变量t保存定时器        t = setInterval(updateDate,1000);    }</script></head><body onload="init()">    <button onclick="stopClock()">停止</button>    <div id="clock"></div></body></html>

接下来这个在各大购物平台经常看到，即倒计时我在这里对我们课堂上的一个代码修改下，给大家呈现出来，css样式不太好看，哈哈，主要说明js问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>限时秒杀</title><style type="text/css">    span{        display: block;        width: 50px;        height: 50px;        border: solid 2px black;        float: left;    }</style><script  type="text/javascript">    function fresh(){    //设置秒杀结束时间，可以自己调调哈      var endtime=new Date("2017/6/10,10:56:10");    //获取当前时间    console.log(endtime);     var nowtime = new Date();    console.log(nowtime);    //计算剩余秒杀时间，单位为秒    var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);    //getTime我会在下面增加作用    h=parseInt(leftsecond/3600);//计算剩余小时    m=parseInt((leftsecond/60)%60); //计算剩余分钟    s=parseInt(leftsecond%60); //计算剩余秒    if(h<10) h= "0"+h;    if(m<10 && m>=0) m= "0"+m; else if(m<0) m="00";    if(s<10 && s>=0) s= "0"+s; else if(s<0) s="00";       document.getElementById("hour").innerHTML=h;    document.getElementById("munite").innerHTML=m;    document.getElementById("second").innerHTML=s;    }   //设计倒计时var sh=setInterval(fresh,1000);</script></head><body onload="fresh()"><!--设置秒杀时间块--><div class="img-box">    <span id="hour"></span><span id="munite">    </span><span id="second"></span>    <!--设置限时秒杀结束块-->    </div></body></html>

Date 对象
getDate 方法
使用当地时间返回一个月某天的值。
getDay 方法
使用当地时间返回一个星期某天的值。
getFullYear 方法
使用当地时间返回年份值。
getHours 方法
使用当地时间返回小时值。
getMilliseconds 方法
使用当地时间返回毫秒值。
getMinutes 方法
使用当地时间返回分钟值。
getMonth 方法
使用当地时间返回月份值。
getSeconds 方法
使用当地时间返回秒值。
getTime 方法
将 Date 对象中的时间值返回为自 1970 年 1 月 1 日午夜起经过的毫秒数。
getTimezoneOffset 方法
返回主机的时间与协调通用时间 (UTC) 之间的分钟差值。
getUTCDate 方法
使用 UTC 返回一个月某天的值。
getUTCDay 方法
使用 UTC 返回一个星期某天的值。
getUTCFullYear 方法
使用 UTC 返回年份值。
getUTCHours 方法
使用 UTC 返回小时值。
getUTCMilliseconds 方法
使用 UTC 返回毫秒值。
getUTCMinutes 方法
使用 UTC 返回分钟值。
getUTCMonth 方法
使用 UTC 返回月份值。
getUTCSeconds 方法
使用 UTC 返回秒值。
getVarDate 方法
将 Date 对象中的 VT_DATE 值返回。
getYear 方法
返回年份值。
hasOwnProperty 方法
返回一个布尔值，该值指示一个对象是否具有指定名称的属性。
isPrototypeOf 方法
返回一个布尔值，该值指示对象是否存在于另一个对象的原型链中。
propertyIsEnumerable 方法
返回一个布尔值，该值指示指定属性是否为对象的一部分以及该属性是否是可枚举的。
setDate 方法
使用当地时间设置一个月中某一日的数值。
setFullYear 方法
使用当地时间设置年份值。
setHours 方法
使用当地时间设置小时值。
setMilliseconds 方法
使用当地时间设置毫秒值。
setMinutes 方法
使用当地时间设置分钟值。
setMonth 方法
使用当地时间设置月份值。
setSeconds 方法
使用当地时间设置秒值。
setTime 方法
设置 Date 对象中的日期和时间值。
setUTCDate 方法
使用 UTC 设置一个月中某一日的数值。
setUTCFullYear 方法
使用 UTC 设置年份值。
setUTCHours 方法
使用 UTC 设置小时值。
setUTCMilliseconds 方法
使用 UTC 设置毫秒值。
setUTCMinutes 方法
使用 UTC 设置分钟值。
setUTCMonth 方法
使用 UTC 设置月份值。
setUTCSeconds 方法
使用 UTC 设置秒值。
setYear 方法
使用当地时间设置年份值。
toDateString 方法
以字符串值的形式返回一个日期。
toGMTString 方法
返回使用格林尼治标准时间 (GMT) 转换为字符串的日期。
toISOString 方法
以字符串值的形式返回采用 ISO 格式的日期。
toJSON 方法
用于在 JSON 序列化之前转换目标类型的数据。
toLocaleDateString 方法
将一个日期以字符串值的形式返回，该字符串应适合于宿主环境的当前区域设置。
toLocaleString 方法
返回使用当前区域设置转换为字符串的对象。
toLocaleTimeString 方法
以字符串值的形式返回一个时间，此字符串值应与宿主环境的当前区域设置相适应。
toString 方法
返回表示对象的字符串。
toTimeString 方法
以字符串值形式返回时间。
toUTCString 方法
返回使用 UTC 转换为字符串的日期。
valueOf 方法
返回指定对象的原始值。

谢谢支持部分转载加个人修改

0 0

Date 对象 之获取事件与制作倒计时

Date 对象之获取事件与制作倒计时