HTML+CSS+JavaScript:随机点名案例

 一、需求

1、点击开始按钮,姓名随机切换

2、点击结束按钮,姓名停止切换,此时显示的姓名即为被抽中者

3、同一个人不能被重复抽中

HTML+CSS+JavaScript:随机点名案例_第1张图片

 

二、代码素材

以下是缺失JS部分的代码,感兴趣的小伙伴可以先自己试着写一写





    
    
    随机点名
    



    

随机点名

姓名:马嘉祺

三、算法思路

算法思路非常简单,就是分别为开始按钮和结束按钮绑定点击事件,然后触发开始按钮就开启定时器,触发结束按钮就终止定时器,就这么简单……

四、完整代码





    
    
    随机点名
    



    

随机点名

姓名:马嘉祺

你可能感兴趣的:(html,css,javascript)