JavaScript Switch 时钟实现

分享一下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>

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

以上就是我的分享,新手上道,请多多指教(大神勿喷)。


 

    

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值