荆棘云海 发表于 2019-7-30 17:34

【笔记】JavaScript实时获取并显示时间

本帖最后由 荆棘云海 于 2019-8-16 11:38 编辑

分享一个运用JavaScript获取实时时间,并显示在页面上的简单的方法
其实很简单,适用于初学者,不要嫌弃:lol
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>实时获取并显示时间</title>
<script type="text/javascript">
function getTime() {
    var dateObj = new Date();
    var year = dateObj.getFullYear();//年
    var month = dateObj.getMonth()+1;//月(注意:月份+1)
    var date = dateObj.getDate();//日
    var day = dateObj.getDay();
    var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var week = weeks;//根据day值,获取星期数组中的星期数。
    var hours = dateObj.getHours();//小时
    var minutes = dateObj.getMinutes();//分钟
    var seconds = dateObj.getSeconds();//秒

    if(month<10){
      month = "0"+month;
    }
    if(date<10){
      date = "0"+date;
    }
    if(hours<10){
      hours = "0"+hours;
    }
    if(minutes<10){
      minutes = "0"+minutes;
    }
    if(seconds<10){
      seconds = "0"+seconds;
    }

    var newDate = year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds+"   "+week;
    document.getElementById("date1").innerHTML = "时间显示:" + newDate;//在div中写入时间
    setTimeout('getTime()', 500);//每隔500ms执行一次getTime()
}
</script>

</head>
<body>
    <div id="date1">时间</div>
</body>
</html>

jafck 发表于 2019-7-30 17:45

这种内容请不要发在 电子书屋 版块啊

kof21411 发表于 2019-7-30 18:18

这帖太水了吧,这代码百度大把

b10001 发表于 2019-7-30 19:01

感谢楼主分享

荆棘云海 发表于 2019-7-31 12:01

不好意思,第一次发还是没发对,已经被更正了{:1_907:}
页: [1]
查看完整版本: 【笔记】JavaScript实时获取并显示时间