美文网首页
JavaScript - 实现元旦倒计时

JavaScript - 实现元旦倒计时

作者: ElricTang | 来源:发表于2019-10-15 19:46 被阅读0次

实现元旦倒计时函数,输出格式为'现在距离元旦还有xx天xx小时xx分xx秒'

function restTime() {
    const EndTime = new Date("2020/01/01 00:00:00");
    const NowTime = new Date();
    const t = EndTime.getTime() - NowTime.getTime();
    const d = Math.floor(t / 1000 / 60 / 60 / 24);
    const h = Math.floor(t / 1000 / 60 / 60 % 24);
    const m = Math.floor(t / 1000 / 60 % 60);
    const s = Math.floor(t / 1000 % 60);
    console.log(`现在距离元旦还有${d}天${h}小时${m}分${s}秒`);    
}
setInterval(restTime, 1000);

但是,这样直接把时间和节日名都写死了,假如要换为春节就需要修改函数内部,所以抽离参数

function restTime(str,name) {
    return ()=>{
        const EndTime = new Date(str);
        const NowTime = new Date();
        const t = EndTime.getTime() - NowTime.getTime();
        const d = Math.floor(t / 1000 / 60 / 60 / 24);
        const h = Math.floor(t / 1000 / 60 / 60 % 24);
        const m = Math.floor(t / 1000 / 60 % 60);
        const s = Math.floor(t / 1000 % 60);
        console.log(`现在距离${name}还有${d}天${h}小时${m}分${s}秒`);
    }    
}
setInterval(restTime("2020/01/01 00:00:00",'元旦'), 1000);
  • 效果:


相关文章

网友评论

      本文标题:JavaScript - 实现元旦倒计时

      本文链接:https://www.haomeiwen.com/subject/xwtemctx.html