怎么用js随机抽取一位获奖者

新建一个html文件,定名为test.html , 用于实现随机抽取获奖者的功能 。

  • 2

    在test.html页面中,利用input按钮界说一个文本框,用于显示获奖者的姓名,同时,利用button标签建立两个按钮,一个是起头抽奖按钮,另一个是遏制抽奖按钮。

  • 3

    在js里界说一个抽奖者姓名的字符串,并利用split方式把字符串转换当作数组,同时,获得数组最大的下标和界说一个按时器,用于下面随机抽取获奖者利用。

  • 4

    在js里建立一个随机数组下标的函数GetRnd(),经由过程Math对象的随机方式获得随机的下标返回。

  • 5

    设置input文本框的id为oknum,在js里建立一个change()函数,利用document.getElementById()方式获得input对象,并把随机获奖者赋值给input对象显示出来。

  • 6

    给“起头抽奖”按钮绑心猿意马onclick点击事务,当点击该按钮时,执行一个start()函数,利用按时器不竭执行change()函数,即不竭随机抽奖者的姓名,直至点击“遏制抽奖”为止。

  • 7

    给“遏制抽奖”按钮绑心猿意马onclick点击事务,当点击该按钮时,执行一个ok()函数,断根按时器,遏制抽奖。这时,input框中姓名就是随机出来的获奖者姓名。

  • 8

    在浏览器运行test.html,查看执行的结果。

    • 发表于 2019-08-07 00:17
    • 阅读 ( 1065 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具