首页 > 编程语言 > 详细

javascript——获取当前系统时间

时间:2015-04-10 14:59:49      阅读:107      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!