首页手记用HTML和JavaScript代码制作时钟，动态显示时间

用HTML和JavaScript代码制作时钟，动态显示时间

标签：

Html/CSS Html5 JavaScript

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--<input type="button" value="显示当前时间" onclick="myDate()"/>-->
<div id="div" style="width: 200px; height: 30px;"></div>
</body>
<script>
    var i=0;
    function myDate(){
        var now=new Date();
        var year=now.getFullYear();
        var month=now.getMonth()+1;
        var day=now.getDate();
        var hours=now.getHours();
        var minutes=now.getMinutes();
        var seconds=now.getSeconds();

        document.getElementById("div").innerHTML=year+"年"+month+"月"+day+"日"+hours+"："+minutes+"："+seconds;
    }
    setInterval(myDate,1000);
</script>
</html>

点击查看更多内容