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

JS显示动态的系统时间--JavaScript基础

时间:2017-09-22 22:25:33      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:时间   效果   java   asc   function   实现   ini   microsoft   技术   

1、网页中实时显示当前时间

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>页面上显示系统时间</title>
</head>
<body onload="showTime()">
  当前时间为:<span id="show"></span>
</body>
<script>
  function showTime() {
    var nowTime = new Date();
    var years = nowTime.getFullYear();
    var mouths = nowTime.getMonth();
    var days = nowTime.getDate();
    var hours = nowTime.getHours();
    var minites = nowTime.getMinutes();
    var seconds = nowTime.getSeconds();
    var time = years+"年";
    time += (mouths+1)+"月"+days+"日";
    time += (hours<10?"0":"")+hours;
    time += (minites<10?":0":":") + minites;
    time += (seconds<10?":0":":") + seconds;
    time += (hours>12)?"PM":"AM";
    document.getElementById("show").innerHTML = time;
    setTimeout("showTime()",1000);
    }
</script>
</html>

2、实现效果:
技术分享

 




JS显示动态的系统时间--JavaScript基础

标签:时间   效果   java   asc   function   实现   ini   microsoft   技术   

原文地址:http://www.cnblogs.com/qikeyishu/p/7577230.html

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