JavaScript 静态弹窗生日倒计时

最新推荐文章于 2024-03-02 09:01:53 发布

温_孤

最新推荐文章于 2024-03-02 09:01:53 发布

阅读量758

点赞数 4

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44667534/article/details/115866638

版权

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>

温_孤

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
JavaScript 静态弹窗生日倒计时

JavaScript 静态弹窗生日倒计时通过转换1970年1月1日至今的毫秒进行转化实现若输入错误则弹出提醒，重新切换到输入弹窗若输入退出，则结束运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>生日倒计时</title></head><body> <script>
复制链接

扫一扫