利用JavaScript实现随机抽奖代码

最新推荐文章于 2024-05-14 07:32:21 发布

小苏(º﹃º )

最新推荐文章于 2024-05-14 07:32:21 发布

阅读量4.5k

点赞数 2

分类专栏： javascript 文章标签： javascript html css

本文链接：https://blog.csdn.net/qq_45850095/article/details/115902672

版权

利用JavaScript实现随机抽奖代码一.分析：二.部分重要功能代码：1.body页面：2.通过点击事件来显示随机号码：3.设置中奖号码：4.判断是否中奖的方法三.全部代码实现：图片：一.分析： 1.给抽奖机的开始和停止按钮绑定点击事件 2.通过点击事件来启动循环定时器，并通过循环定时器来获取随机数字 3.将随机号码显示在屏幕上 4.设置抽奖号码 5.将抽奖号码与随机数字进行比对，如果相等则为中奖，不相等则没有中奖。二.部分重要功能代码：1.body页面：<body&

摘要由CSDN通过智能技术生成

利用JavaScript实现随机抽奖代码

图片：
在这里插入图片描述

一.分析：

1.给抽奖机的开始和停止按钮绑定点击事件
2.通过点击事件来启动循环定时器，并通过循环定时器来获取随机数字
3.将随机号码显示在屏幕上
4.设置抽奖号码
5.将抽奖号码与随机数字进行比对，如果相等则为中奖，不相等则没有中奖。

二.部分重要功能代码：

1.body页面：

<body>
    <div class="father">
        <span class="son"></span>
        <span class="son"></span>
        <span class="son"></span>
        <div class="btnfather">
        <button class="btn btn1">开始</button>
        <button class="btn btn2">停止</button>
        </div>
    </div>
</body>

2.通过点击事件来显示随机号码：

<script>
var spans=document.getElementsByClassName("son");
    var btn1=document.getElementsByClassName("btn1")[0];
    var btn2=document.getElementsByClassName("btn2")[0];
    var timer;
    btn1.onclick=function(){
   
        timer=setInterval(function(){
   
            for(var i=0;i<spans.length;i++){
   
                var spanText=Math.floor(Math.random()*10);
                spans[i].innerHTML=spanText

最低0.47元/天解锁文章

小苏(º﹃º )

关注

2
点赞
踩
17

收藏

觉得还不错? 一键收藏
1
评论
利用JavaScript实现随机抽奖代码

利用JavaScript实现随机抽奖代码一.分析：二.部分重要功能代码：1.body页面：2.通过点击事件来显示随机号码：3.设置中奖号码：4.判断是否中奖的方法三.全部代码实现：图片：一.分析： 1.给抽奖机的开始和停止按钮绑定点击事件 2.通过点击事件来启动循环定时器，并通过循环定时器来获取随机数字 3.将随机号码显示在屏幕上 4.设置抽奖号码 5.将抽奖号码与随机数字进行比对，如果相等则为中奖，不相等则没有中奖。二.部分重要功能代码：1.body页面：<body&
复制链接

扫一扫