网页版的功德累计器

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <style>
        * {
            margin: 0;
            padding: 0;
            color: #fff;
        }

        body {
            background-color: #000;
            height: 100vh;
        }

        #box {
            height: 100%;
            width: 100%;
            box-sizing: border-box;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        img:active {
            width: 216px;
        }

        .fdtext {
            position: absolute;
            top: 60px;
            opacity: 0;
        }

        #boxer {
            box-sizing: border-box;
            width: 250px;
            height: 400px;
            padding-top: 60px;
        }

        .animations {
            animation: ani .8s ease-in-out;
        }

        @keyframes ani {
            10% {
                top: 50px;
                opacity: .5;
            }

            50% {
                top: 30px;
                opacity: .9;
            }

            100% {
                top: 10px;
                opacity: 0;
            }
        }
    </style>

    <div id="box">
        <audio src="./audio.mp3"></audio>
        <div style="position: relative;" id="boxer">
            <div style="display: flex; justify-content: center;">您的功德:<span id="text">0</span></div>
            <div style="position:absolute;">
                <img src="data:image/png;base64,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"
                    alt="">
            </div>
        </div>
    </div>
    <script>
        let img = document.querySelector('img')
        img.addEventListener('click', () => {
            document.querySelector('#text').innerHTML++
            img.classList.add('imgani')
            getAnimation()
        })
        let audio = document.querySelector('audio')
        function getAnimation() {
            let dom = document.createElement('div')
            if (audio.paused) {
                audio.play();
            } else {
                audio.pause();
                audio.currentTime = 0;//音乐从头播放
            }
            dom.classList.add('fdtext')
            audio.setAttribute('autoplay', 'true');
            dom.innerHTML = '功德+1'
            document.querySelector('#boxer').appendChild(dom)
            dom.classList.add("animations")
            dom.addEventListener("webkitAnimationEnd", function () {
                dom.classList.remove("animations")
                dom.remove()
            })
        }
    </script>
</body>

</html>

音频下载网站敲击木鱼 - 声音 - 耳聆网 - (声音分享云|音效素材库) (ear0.com)icon-default.png?t=M85Bhttps://www.ear0.com/sound/show/soundid-19572

音频资源的话可以去网站下载,替换路径就好了,图片我换成base64了,不需要下载

网页版本的功德累计器,没有做本地存储,需要的话可以自行添加,很简单的东西

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值