JavaScript 静态弹窗生日倒计时

JavaScript 静态弹窗生日倒计时

通过转换1970年1月1日至今的毫秒进行转化实现
若输入错误则弹出提醒,重新切换到输入弹窗
若输入退出,则结束运行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生日倒计时</title>
</head>
<body>
    <script>
        function countDown(time) {
     
        var now   = +new Date(),
            input = +new Date(time),
            ss     = (input-now)/1000,
            d     =parseInt(ss/60/60/24),
            h     =parseInt(ss/60/60%24),
            m     =parseInt(ss/60%60),
            s     =parseInt(ss%60);
        d=d<10?'0'+d:d;
        h=h<10?'0'+h:h;
        m=m<10?'0'+m:m;
        s=s<10?'0'+s:s;    
        return d+'天'+h+'时'+m+'分'+s+'秒';
    }
    do{
     
    function sr(name) {
     
            switch (name) {
     
                case '张三':
                    return alert('距离'+name+'生日还有:'+countDown('2022-01-23 00:00:00'));
                    break;
                case '李四':
                    return alert('距离'+name+'生日还有:'+countDown('2021-12-07 00:00:00'));
                    break;
                case '王五':
                    return alert('距离'+name+'生日还有:'+countDown('2021-09-08 00:00:00')+"\n"+'准备好给我的礼物了吗!!!!');
                    break;
                case '老六':
                    return alert('距离'+name+'生日还有:'+countDown('2021-12-27 00:00:00'));
                    break;
                case '老七':
                    return alert('距离'+name+'生日还有:'+countDown('2021-12-08 00:00:00'));
                    break;
                default:if (name =='退出') {
     
                    break;
                }
                    return alert('你打错名字了!憨批,刷新后重新打~');
            }
        }    
        var name=prompt('你想看谁的生日倒计时嘞~\n(打全名哦!)\n(张三、李四、王五、老六、老七)'),
            a = sr(name); 
        }while (name!='退出') {
     
            alert('期待你的下次使用~');
        }

    </script>
</body>
</html>

你可能感兴趣的:(javascript)