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();  //迭代  
        }
    }
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript分页功能
JavaScript分页功能
|
15天前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
33 3
原生js炫酷随机抽奖中奖效果代码
|
17天前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
61 10
|
14天前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
23 2
|
1月前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
1月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
18 2
|
1月前
|
JavaScript
js学习--抽奖
js学习--抽奖
15 1
|
1月前
|
JavaScript 前端开发 API
|
1月前
|
JavaScript API UED
vue.js怎么实现全屏显示功能
【10月更文挑战第7天】
19 1
|
1月前
|
资源调度 JavaScript UED
如何使用Vue.js实现单页应用的路由功能
【10月更文挑战第1天】如何使用Vue.js实现单页应用的路由功能