利用间歇函数实现随机抽取一个红包数字

最近学到了Js中的间歇函数 setInterval，俗称定时器，能够根据设定的时间，不断的调用执行下去。

知识点

setInterval
主要参数有
setInterval (回调函数，延迟）

基本用法如下所示

 const timer = setInterval(function() {
   
    console.log('我是定时器')
 }, 1000)

有了这个定时器的功能，就可以结合math.random函数自动随机抽取内容了。

在这个红包案例中，我做了几个功能。

1. 点击开红包，自动显示随机数字
2. 再次点击开，停止自动随机，显示一个数字
3. 只能开一次，再次点击开红包不生效
4. 开启红包后，页面上出现恭喜发财，大吉大利的文字
5. 开过红包后右上角显示删除按钮，点击后清除页面

页面部分

开始先制作了页面结构

    <!-- 大背景 -->
    <div class="redpacket">
        <!-- 删除按钮 -->
        <div class="delete">X</div>
        <!-- 顶部文字 -->
        <p class="first">你的红包</p>
        <!-- 红包数字 -->
        <p class="coin"> ??? </p>
        <!-- 红包单位 -->
        <p>元</p>
        <!-- 开红包后的显示文字 -->
        <div class=