js点击抽奖功能

简介: js点击抽奖功能
<div align="center">
    <div id="d"></div>
    <div  id="d1">
        <br>
        <label id="a">&nbsp</label>
    </div>
    <div>
        <br>
        <input type="button" onclick="sleep()" value="开始">
        //空格
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
        <input type="button" id="i2" value="结束">
    </div>
</div>
 var a=document.getElementById("a");
    var i2=document.getElementById("i2");
    let name;
    let l=["111","123","564","999","954","654","365","211","911","778","698","365","468","777","831","126"]; 
    // alert(l.length);
    //a.innerHTML=l[Math.round(Math.random()*(l.length-1))];
    function sleep(){
        flag=true;  //设置标志,判断停止时间
        setTimeout(change,50);  //随机跳动,延时50毫秒
    }  
    i2.onclick=function(){
    flag=false;  //结束标志
    }
    function change(){
        name = l[Math.floor(Math.random()*l.length)]; //随机取值
        console.log(name);
        if(!flag){
            a.innerHTML=name;
        }else{
            a.innerHTML=name;
            sleep();  //迭代  
        }
    }
相关文章
|
3天前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
3天前
|
前端开发 JavaScript
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
|
3天前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
8 0
|
3天前
|
JavaScript
JS实现一键点击按钮复制文本
【5月更文挑战第6天】JS实现一键点击按钮复制文本
|
3天前
|
JavaScript 前端开发 测试技术
编写JavaScript模块化代码主要涉及将代码分割成不同的文件或模块,每个模块负责处理特定的功能或任务
【5月更文挑战第10天】编写JavaScript模块化代码最佳实践:使用ES6模块或CommonJS(Node.js),组织逻辑相关模块,避免全局变量,封装细节。利用命名空间和目录结构,借助Webpack处理浏览器环境的模块。编写文档和注释,编写单元测试以确保代码质量。通过这些方法提升代码的可读性和可维护性。
13 3
|
3天前
|
JavaScript 前端开发
JavaScript实现识别二维码信息功能
JavaScript实现识别二维码信息功能
10 1
|
3天前
|
JavaScript 计算机视觉
原生js通过年龄判断是否可以抽奖
原生js通过年龄判断是否可以抽奖
10 0
|
3天前
|
JavaScript
js实现全屏功能——易懂版
js实现全屏功能——易懂版
9 0
|
3天前
|
JavaScript 前端开发 API
如何利用JavaScript和Electron构建具有丰富功能的桌面应用
【4月更文挑战第30天】如何利用JavaScript和Electron构建具有丰富功能的桌面应用
5 0
|
3天前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能