JS之Data对象

1、日期对象（Date）

    var date = new Date(); //获取到当前的系统时间
    document.write("年："+ date.getFullYear()+"<br/>");
    document.write("月："+ (date.getMonth()+1)+"<br/>");
    document.write("日："+ date.getDate()+"<br/>");
    
    document.write("时："+ date.getHours()+"<br/>");
    document.write("分："+ date.getMinutes()+"<br/>");
    document.write("秒："+ date.getSeconds()+"<br/>");
    
    //xxxx年yy月dd日  hh:mm:ss
    
    document.write("当前时间是："+date.toLocaleString());
    <br/>
    document.write("当前时间是："+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
    date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());

其中获取年份如果采用getYear()返回的是从1900到今年的差值；而getFullYear()是返回今年

toLocaleString()是返回这种格式

Data中不存在优化时间显示格式的方式，都必须自己修改

2、获取当期系统时间

　　2.1、之所以把js脚本写在下面，是因为浏览器在解析html文件时，是按照从前往后的顺序解析的，当要调用getCurrentTime()函数时，发现并没有“time”这个参数，报错。

　　2.2 spanObj.innerHTML是往标签中写内容

　　2.3window.setInterval(参数一，参数二); /* setInterval 定时方法，第一个参数要指定调用的代码（也是字符串方式传入），第二参数是每隔指定的毫秒数调用指定的代码。*/

<!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>
</head>
<body>
    当前系统时间：<span id="time"></span>
</body>


<script type="text/javascript">
    
    function getCurrentTime(){
        //获取到当前的系统时间
        var date = new Date();
        //把当前系统时间拼装成我指定的格式。
        var timeInfo =  date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
    date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
    
        //找span对象
        var  spanObj = document.getElementById("time");
        //设置span标签体的内容
        spanObj.innerHTML = timeInfo.fontcolor("red");
    }

    getCurrentTime();
    
    //定时方法.
    window.setInterval("getCurrentTime()",1000); /* setInterval   定时方法，第一个参数要指定调用的代码，第二参数是每隔指定的毫秒数调用指定的代码。*/
</script>


</html>

 

posted @ 2017-02-26 12:59  mslog  阅读(11390)  评论(0)  编辑  收藏  举报