通过完成这个小demo,对js又熟练了一些。运用了原型,构造函数的运用,继承,随机数,es6的一些简单用法,函数封装,键盘事件,一些数组的方法
- 下落的字母是创建了不同的实例,每隔一段时间就创造一个实例。所以每个下落的字母都有自己对应的top值。
下面是js实现代码
//获取id的函数
function $(ele) {
return document.getElementById(ele)
}
//随机生成的字母
let abc = "abcdefghijklnmopqrstuvwxyz"
//记录错过的数量
let imss=0;
//下落速度
let speed = 30;
//出现的个数
let speeds=500;
//关闭速度定时器
let timesp=null;
//创建自动改变速度的函数
let speeded=()=>{
clearInterval(timesp)
timesp=setInterval(()=>{
speed --
speeds=speeds-10;
if(speed===3 || speeds===200){
speed===3
speed