开发工具与关键技术: VS 2019/JS
作者:唐嘉怡
撰写时间:2022/3/28
想必大家都试过电脑抽奖或者上课老师用电脑软件随机抽取人来点名吧。那么,大家好奇这个软件是怎么制作的呢,现在我来为大家解密,为大家示范一个0~100随机暂停的小案例吧。
1. 先创建文件夹及代码的基本框架。

2. 再给它一个div盒子,命名为box,并在盒子的内容给它一个0。

3. 再给它一个div盒子,命名为btn。

4. 在命名为btn的盒子里给两个button标签,分别是开始和暂停。

5. 接着,给它开始设置样式。

以上便是为这个小案例所设的样式
6. 在命名为btn的盒子下面放一个script标签,并在标签里获取各类id

7. 再获取完各类值以后,来写按钮的点击事件。

8. 接着再写一个函数定时器。

9. 接着,调用函数getArr。

这样,便完成了这个案例,我们来看看完整的代码是什么样的吧。

这是我所学到的利用JS技术来制作的随机暂停的
案例,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!
作者:唐嘉怡
撰写时间:2022/3/28
想必大家都试过电脑抽奖或者上课老师用电脑软件随机抽取人来点名吧。那么,大家好奇这个软件是怎么制作的呢,现在我来为大家解密,为大家示范一个0~100随机暂停的小案例吧。
1. 先创建文件夹及代码的基本框架。

2. 再给它一个div盒子,命名为box,并在盒子的内容给它一个0。

3. 再给它一个div盒子,命名为btn。

4. 在命名为btn的盒子里给两个button标签,分别是开始和暂停。

5. 接着,给它开始设置样式。

以上便是为这个小案例所设的样式
6. 在命名为btn的盒子下面放一个script标签,并在标签里获取各类id

7. 再获取完各类值以后,来写按钮的点击事件。

8. 接着再写一个函数定时器。

9. 接着,调用函数getArr。

这样,便完成了这个案例,我们来看看完整的代码是什么样的吧。

这是我所学到的利用JS技术来制作的随机暂停的
案例,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!