定时器练习 目标：能够使用定时器函数重复执行代码 定时器函数可以开启和关闭定时器 开启定时器 setInterval(函数，间隔时间) <!-- 作用：每隔一段时间调用这个函数，间隔时间单位是毫秒 --> 举个例子 function repeat() { console.log(`这是一个函
随机点名练习 案例 现有马超、黄忠、赵云、关羽、张飞等人，点击开始按钮随机抽取数组的一个数据，放到页面中，点击结束按钮删除数组当前抽取的一个数据，当抽取到最后一个数据的时候，两个按钮同时禁用（写点开始里面，只剩最后一个数据不用抽了） 核心：利用定时器快速展示，停止定时器结束展示 代码实现 <!DOC
全选文本框案例 需求：用户点击全选，则下面复选框全部选择，取消全选则全部取消 代码实现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * {
搜索框练习 需求 当表单得到焦点，显示下拉菜单，失去焦点隐藏下来菜单 分析 开始下拉菜单要进行隐藏 表单获得焦点 focus，则显示下拉菜单，并且文本框变色（添加类） 表单失去焦点，反向操作 代码实现 <!DOCTYPE html> <html lang="en"> <head> <met
Published on 2024-11-07
