使用JS实现一个简单的计时功能


        function getTime() {
            let time = new Date();  //使用Date对象来获取当前的时间
            let year = time.getFullYear();
            let month = time.getMonth() + 1;
            let date = time.getDate();
            let day = time.getDay();
            let hour = time.getHours();
            let minutes = time.getMinutes();
            let seconds = time.getSeconds();

             通过Date里面的属性来获取年、月、日、时、分、秒
            let week = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];

              因为Date里面的星期几有点特殊,所以我们需要单独处理一下,通过创建一组数组来存储我们想要显示的方式

            let res = year + "年" + addZero(month) + "月" + addZero(date) + "日"    
            + week[day] + " " + addZero(hour) + "时" + addZero(minutes) + "分" + addZero(seconds)+"秒";
            return res;

             直接把所有的时间给拼接到一块,然后直接给返回出去
        }

        

            通过创建一个addZero方法来实现给时间补0,,就是把一位数的给补个0

        function addZero(num) {
            return num < 10 ? "0" + num : num;
        }

          这里通过调用定时器来实现时间的一个动态效果,每过多长时间来执行一次。
        let res = getTime();
        div.innerText = res;
        setInterval(function () {
            let res = getTime();
            div.innerText = res;
        }, 1000)
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值