javascript.exe2:电子时钟

最新推荐文章于 2023-12-09 11:08:42 发布

ninthwind

最新推荐文章于 2023-12-09 11:08:42 发布

阅读量174

点赞数

分类专栏： javascript入门

本文链接：https://blog.csdn.net/ninthwind/article/details/89481463

版权

javascript入门专栏收录该内容

5 篇文章 0 订阅

订阅专栏

电子时钟

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" charset="utf-8">
        <title>
电子时钟
        </title>
        <style>
        *{
            margin:none;
            padding:none;
        }
        </style>
    </head>
    <body>
        <table>
            <tr>
                    <td id="year"></td>
                <td name="month"></td>
                <td name="week"></td>
                <td name="day"></td>
            </tr>
            <tr>
                <td name="hour"></td>
                <td name="min"></td>
                <td name="miao"></td>
            </tr>
        </table>
    </body>
    <script type="text/javascript">
    setInterval(function() {
        var date= new Date();
        var year=document.getElementById("year");
        var month=document.getElementsByName("month")[0];
        var week=document.getElementsByName("week")[0];
        var day=document.getElementsByName("day")[0];
        var hour=document.getElementsByName("hour")[0];
        var min=document.getElementsByName("min")[0];
        var miao=document.getElementsByName("miao")[0];

var months=date.getMonth()+1;
var years=date.getFullYear();
var weeks=date.getDay();
var days=date.getDate();
var hours=date.getHours();
var mins=date.getMinutes();
var miaos=date.getSeconds();
if(days<10) {
            dates = "0" + dates;
        }
        switch(weeks)
        {
            case 0:weeks="天"
        }
year.innerHTML=years+"年";
month.innerHTML=months+"月";
week.innerHTML="星期"+weeks;
day.innerHTML=days+"号";
hour.innerHTML=hours+"时";
min.innerHTML=mins+"分";
miao.innerHTML=miaos+"秒";
    },1000)
    </script>
</html>