9、利用JavaScript在网站显示时间

来源:互联网 发布:云计算三层架构 编辑:程序博客网 时间:2024/05/17 05:50

1、利用JavaScript在网站显示时间

      1.1 html代码

<body><div id="mytime"></div></body>
     1.2 style代码

<style type="text/css">#mytime {background: #000;width: 300px;height: 30px;margin: 0 auto;color: #fff;text-align: center;line-height: 30px;}</style>
        1.3 JavsScript代码

<script type="text/javascript">function showTime() {var mytime = document.getElementById('mytime');var dobj = new Date();var year = dobj.getFullYear();var month = dobj.getMonth() + 1; /*js是利用0-11来表示12个月的*/var day = dobj.getDate();var hour = dobj.getHours();var minute = dobj.getMinutes();var second = dobj.getSeconds();var strDate = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;mytime.innerHTML = strDate;}showTime();setInterval(showTime, 1000);</script>

      1.4 运行截图


1 0