JavaScript Switch 时钟实现

最新推荐文章于 2024-04-15 12:10:55 发布

无心打爆然健

最新推荐文章于 2024-04-15 12:10:55 发布

阅读量328

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/lysliuyue/article/details/118280101

版权

分享一下js实现时钟，实现时钟我们需要了解js时间的用法：

myDate.toLocaleDateString(); //获取当前日期

var mytime=myDate.toLocaleTimeString(); //获取当前时间

myDate.toLocaleString( ); //获取日期与时间

myDate.getYear(); //获取当前年份(2位)

myDate.getMonth(); //获取当前月份(0-11,0代表1月)

myDate.getDate(); //获取当前日(1-31)

myDate.getDay(); //获取当前星期X(0-6,0代表星期天)

myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

myDate.getHours(); //获取当前小时数(0-23)

myDate.getMinutes(); //获取当前分钟数(0-59)

myDate.getSeconds(); //获取当前秒数(0-59)

myDate.getMilliseconds(); //获取当前毫秒数(0-999)

以上就是js关于时间的关键字！

接下来实现时钟！！

代码：

<body>

    <div id="Time"></div>

    <script>



    //每隔1秒调用一次displat函数

    window.onload = function()

    {

        window.setIntero("displat()",1000)//单位是毫秒

    }

        

    function displat() 

    {

        //获取div元素

        var Time=document.getElementById("Time");

        //获取系统当前的年、月、日、小时、分钟、毫秒

        var date = new Date();

        var year = date.getFullYear();//年

        var month = date.getMonth() + 1;//索引是0开始所以加1！！！  月

        var day = date.getDate();//日 

        var hour = date.getHours();//小时

        var minutes = date.getMinutes();//分钟

        var second = date.getSeconds();//秒

        var timestr = year + "年" + month + "月" + day + "日  " + i(hour)

                + ":" + i(minutes) + ":" + i(second);

        //将系统时间设置到div元素中

        Time.innerHTML = timestr;

    }

       //判断时间是否为个位数，如果时间为个位数就在时间之前补上一个“0”

    function i(o) 

    {

        if (o < 10) {

            return ("0" + o);

        } 

        else {

            return (o);

        }

    }

    </script>

</body>

这是我所学到的，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教（大神勿喷）。