码迷,mamicode.com
首页 > 编程语言 > 详细

javascript——获取当前系统时间

时间:2015-04-10 15:02:54      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

输出当前系统时间:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取当前系统时间</title>
    <script>
    window.onload = function(){

        // 获取body元素
        var oBody = document.body;

        // 设置定时器,每隔1秒执行一次该函数
        setInterval(fnTime,1000);

        //页面加载完先执行日期函数,防止刷新时显示空白
        fnTime();

        // 将小于两位的数字变成两位的数字
        function toDouble(num){
            return num < 10 ? 0 + num : ‘‘ + num;
        };

        // 时间函数体
        function fnTime(){

            // 获取日期对象
            var myDate = new Date();

            // 获取年月日时分秒
            var iYear = myDate.getFullYear();
            var iMonth = myDate.getMonth()+1;
            var iDay = myDate.getDay();
            var iHour = myDate.getHours();
            var iMin = myDate.getMinutes();
            var iSec = myDate.getSeconds();
            var str = ‘‘;

            // 将iDay的值对应iWeek数组的下标来获取星期
            var iWeek = [星期日,星期一,星期二,星期三,星期四,星期五,星期六];

            // 将当前的年月日时分秒保存在字符串str中
            str = 今天是: + iYear +  + iMonth +  + iWeek[iDay] + , + toDouble(iHour) + : + toDouble(iMin) + : + toDouble(iSec);

            // 将时间直接输出到body页面上显示出来
            oBody.innerHTML = str;

        };

    };
    </script>
</head>
<body>
    
</body>
</html>

注意点:
1)getMonth()返回值是 0——11

在获取月份的时候就得在后面加1,不然获取到的是上一个月的月份。

 

2)getDay()返回星期几(0——6)
0 ——> 星期日
1 ——> 想起一
2 ——> 星期二
3 ——> 星期三
4 ——> 星期四
5 ——> 星期五
6 ——> 星期六
思想:放入数组iWeek = [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘];,利用数组下标与getDay()的值对应取值

 

3)细节问题:将一位数处理成两位数的表示

通过toDouble函数三目运算判断或者用if else 判断

javascript——获取当前系统时间

标签:

原文地址:http://www.cnblogs.com/bokebi520/p/4414546.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!