原生js实现新年倒计时

效果图:
在这里插入图片描述
js代码:

setInterval(() => {
    var date = new Date()
    var nextyear = date.getFullYear() + 1
    var nextsec = new Date(new Date(nextyear,0,1) -1)
    var secs = nextsec - date.getTime() // 获取剩余的毫秒数

    var day = Math.floor((secs)/1000/3600/24)
    var hour = Math.floor((secs)%(1000*3600*24)/(1000*3600))
    var min = Math.floor((secs)%(1000*3600)/(1000*60))
    var sec = Math.floor((secs)%(1000*60)/(1000))

    document.getElementById('datespan').innerHTML = `${nextyear}年还剩${day}天${hour}时${min}分${sec}秒`
  }, 1000);
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值