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

JavaScript—获取本地时间以12小时制显示

时间:2017-11-09 21:05:27      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:字符串   nbsp   title   接收   oct   用户   javascrip   声明   head   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取时间</title>
    <script type="text/javascript">
        function shijian() {
            var today = new Date();
            var hh = today.getHours();
            var mm = today.getMinutes();
            var ss = today.getSeconds();
            var day = today.getDay();
            var date = today.getDate();
            var year = today.getFullYear();
            var month = today.getMonth() + 1;

            /*声明一个变量来接收转换成字符串*/

            var dayday;

            /*用switch完成转换操作*/
            switch (day) {
                case 1:
                    dayday = "一";
                    break;
                case 2:
                    dayday = "二";
                    break;
                case 3:
                    dayday = "三";
                    break;
                case 4:
                    dayday = "四";
                    break;
                case 5:
                    dayday = "五";
                    break;
                case 6:
                    dayday = "六";
                    break;
                case 7:
                    dayday = "日";
                    break;
            }

            /*声明AM和PM分别代表上午和下午,因为时间设置为12小时制,从用户角度出发,提供便利*/

            var apm = "PM";
            var abm = "AM";

            /*从系统获取的时间为24小时制,我们减去12就可以转换成12小时制*/

            if (hh > 12) {
                var num = hh - 12;
                document.getElementById("abc").innerHTML = "现在的系统时间:" + "<br/><br/>" + year + "年" + month + "月" + date + "日"
                    + num + "时" + mm + "分" + ss + "秒" + "&nbsp;" + "星期" + dayday + "&nbsp;" + "&nbsp;" + apm + "<br/><br/>" + "下午好!欢迎来到TB128!";
            } else {
                document.getElementById("abc").innerHTML = "现在的系统时间:" + "<br/><br/>" + year + "年" + month + "月" + date + "日"
                    + hh + "时" + mm + "分" + ss + "秒" + "&nbsp;" + "星期" + dayday + "&nbsp;" + "&nbsp;" + abm + "<br/><br/>" + "下午好!欢迎来到TB128!";
            }
        }

        /*每1000毫秒(1秒)执行一次shijian()方法*/
        
        setInterval("shijian()", 1000)
    </script>
</head>
<body>
<div id="abc">
    <input type="button" value="查看系统时间" onclick="shijian()">
</div>
</body>
</html>

 

JavaScript—获取本地时间以12小时制显示

标签:字符串   nbsp   title   接收   oct   用户   javascrip   声明   head   

原文地址:http://www.cnblogs.com/ichimoku/p/7810994.html

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