Hi👋
倒计时练习 需求:计算到2024年生日还有多少时间 用将来时间减去现在时间就是剩余的时间 把剩余的时间转换为天、时、分、秒 核心:使用将来的时间戳减去现在的时间戳 注意: 通过时间戳得到是毫秒,需要转换为秒在计算 转换公式: d = parseInt(总秒数/ 60/60 /24); // 计算天数
定时器练习 目标:能够使用定时器函数重复执行代码 定时器函数可以开启和关闭定时器 开启定时器 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
学生信息表案例 目标:实现学生信息的增删,并将数据储存在本地 录入模块 info.addEventListener('submit', function () { event.preventDefault() for (let i = 0; i < name.length; i++)
扫描下方二维码联系我