利用JS技术制作一个从0~100随机暂停的小案例

   

开发工具与关键技术: VS 2019/JS

作者:唐嘉怡

撰写时间:2022/3/28

    想必大家都试过电脑抽奖或者上课老师用电脑软件随机抽取人来点名吧。那么,大家好奇这个软件是怎么制作的呢,现在我来为大家解密,为大家示范一个0~100随机暂停的小案例吧。

先创建文件夹及代码的基本框架。

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

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

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

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

以上便是为这个小案例所设的样式

在命名为btn的盒子下面放一个script标签,并在标签里获取各类id

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

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

接着,调用函数getArr。

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

这是我所学到的利用JS技术来制作的随机暂停的

案例,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

  

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值