用原生JS代码实现的一个图文并茂的随机点名小应用

1

应用简介

在生活中要想做到完全随机的点名，需要借助一些工具，比如这里要介绍的“随机点名应用”。

2

文件结构

这个应用是用原生JS代码实现的，不依赖JQuery、Bootstrap等第三方库，可离线运行。

这是一个简单的单应用程序，双击luckyman.html文件，打开网页即可运行此程序。学生照片都是统一放在一个单独的文件夹中的。除此之外，再无其他。

3

用法详解

将所有学生的照片裁剪为正方形（为了显示美观），并以姓名命名照片，统一存为jpg格式，放置于stu-img文件夹内。

在luckyman.html文件代码中，只需将学生姓名填写到对应位置即可，其他不用作任何改变。

双击打开luckyman.html文件即可运行此应用。

点击“开始”按钮快速随机切换显示不同的学生照片和姓名，点击“暂停”按钮停止切换，即可抽取一人。重复这一操作，可以连续抽取多人。

微信回复关键字“点名”获取文中的示例文件。