JavaScript-前端学习二阶段-案例练习二

目录

1、轮播图

2、倒计时

3、加密手机号

4、文字滚动

5、选择文本替换内容

6、数组去重

7、数组中对象排序

8、点击从小到大排序or随机排序按钮切换图片

9、表格添加删除全选

---

1、轮播图

要求：1、图片每隔2s就自动切换    2、左右箭头点击事件，切换上一张/下一张图片  3、小圆点对应当前图片有背景样式

思路：1、页面布局box>ul>li>img,图片切换，移动ul,使用间隔定时器，实现无缝轮播，最后一张图片与第一张图片相同  

          2、当鼠标移入box时图片停止轮播即关闭定时器，鼠标移出则开启定时器

          3、左右箭头事件，上一张图n--,下一张图n++

          4、每个小圆点设置自定义属性获取到下标，统一设置小圆点初始样式，再设置当前的小圆点样式

2、倒计时

要求：点击开始按钮计算用户输入值的时间倒计时

思路:1、创建当前时间，创建未来时间即获取用户输入的时间

        2、通过毫秒数计算，倒计时=未来时间-当前时间 ；cha = future.getTime() - current.getTime();  

        3、毫秒数all = parseInt(cha / 1000);秒数s = all % 60; 分钟数m = parseInt(all / 60 % 60); 

           小时数 h= parseInt(all / 60 / 60 % 24)；天数： d = parseInt(all / 60 / 60 / 24);

3、加密手机号

要求：手机号的某几位为*，不让显示出来

思路：利用字符串.splice（起始下标，结束下标&