首页 / JAVASCRIPT / JS获取当前时间实例代码

JS获取当前时间实例代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS获取当前时间实例代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1331字，纯文字阅读大概需要2分钟。

内容图文

本文主要和大家分享JS获取当前时间实例代码，我们先和大家分享一张图片，希望能帮助到大家。

Date对象基本属性：

JS获取当前时间实例代码 - 文章图片

获取当前时间：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #box{
            width:300px;
            height:50px;
            border:1px solid black;
        }
    </style>
</head>
<body>
<p id="box"></p>
<script type="text/javascript">
    window.onload=function(){
        function checkTime(i){      //此函数用来检查获取的数值是否大于10；
            if(i<10){
                i='0'+i;      //如果小于10，则前面+0
            }
                return i;
        }
        function show(){
            var mydate=new Date();
            var year=mydate.getFullYear();
            var month=mydate.getMonth()+1;//因为月份是从零开始，故要得到当前的月份就要+1
            var date=mydate.getDate();  //日
            var day=mydate.getDay();//返回星期几
            var week=new Array(7);
                week[0]='星期一';
                week[1]='星期二';
                week[2]='星期三';
                week[3]='星期四';
                week[4]='星期五';
                week[5]='星期六';
                week[6]='星期日';
            var h=mydate.getHours();
            var m=mydate.getMinutes();
            var s=mydate.getSeconds();
            m=checkTime(m);
            s=checkTime(s);
            document.getElementById('box').innerHTML=year+'年'+month+'月'+date+'日'+week[day]+h+':'+m+':'+s;
        }
        setInterval(show,500);  //每隔500ms调用一次show函数

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

当前时间就会显示。注：getday();返回的是数字，所以需要用一个数组去表示。

相关推荐：

js获取当前时间(含今天明天昨天)

js获取当前时间(昨天、今天、明天)

PHP获取当前时间的方法

以上就是JS获取当前时间实例代码的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JS获取当前时间实例代码全部内容，希望文章能够帮你解决JS获取当前时间实例代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/294414.html

来源：【匿名】