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 前端开发
JavaScript分页功能
JavaScript分页功能
|
20天前
|
JavaScript 容器
带方向感知功能的js图片遮罩层插件
带方向感知功能的js图片遮罩层插件
|
19小时前
|
JavaScript 前端开发
【Vue.js】监听器功能(EventListener)的实际应用【合集】
而此次问题的核心就在于,Vue实例化的时机过早,在其所依赖的DOM结构尚未完整构建完成时就已启动挂载流程,从而导致无法找到对应的DOM元素,最终致使计算器功能出现异常,输出框错误地显示“{{current}}”,并且按钮的交互功能也完全丧失响应。为了让代码结构更为清晰,便于后续的维护与管理工作,我打算把HTML文件中标签内的JavaScript代码迁移到外部的JS文件里,随后在HTML文件中对其进行引用。
18 8
|
2月前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
51 3
|
2月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
47 5
|
2月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
109 10
|
2月前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
31 2
|
3月前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
3月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
25 2
|
3月前
|
JavaScript
js学习--抽奖
js学习--抽奖
27 1
下一篇
开通oss服务