当前位置: 首页 > news >正文

web蓝桥杯真题:灯的颜色变化

代码及注释:

// TODO:完善此函数 显示红色颜色的灯
function red() {    //将红色图片元素display显示出来,其他隐藏document.querySelector('#defaultlight').style.display = 'none'document.querySelector('#redlight').style.display = 'inline-block'document.querySelector('#greenlight').style.display = 'none'
}// TODO:完善此函数  显示绿色颜色的灯
function green() {document.querySelector('#defaultlight').style.display = 'none'document.querySelector('#redlight').style.display = 'none'document.querySelector('#greenlight').style.display = 'inline-block'
}// TODO:完善此函数
function trafficlights() {setTimeout(red(), 3000)    //3秒后执行变红函数setTimeout(green(), 6000)
}trafficlights();

知识点:

1.延时器 setTimeout()

指定毫秒数之后调用函数,只执行一次

2.定时器 setInterval()

指定毫秒数为周期不断调用函数,直到clearInterval()被调用或窗口关闭,setInterval()会返回一个id值可作为clearInterval()的参数

相关文章:

  • Java使用itextpdf往pdf中插入图片
  • Python Windows系统 虚拟环境使用
  • JavaEE 初阶篇-深入了解进程与线程(常见的面试题:进程与线程的区别)
  • Spring Boot 实现程序的优雅退出
  • 软考真题详解-系统架构设计师-计算机基础知识(1)
  • binary.write 和 binary.read
  • 分布式事务的解决方案--Seata架构
  • Linux的基本使用
  • vue3+threejs新手从零开发卡牌游戏(七):创建卡组
  • 掌握Go语言:Go语言结构体,精准封装数据,高效管理实体对象(22)
  • 重磅|国家能源局开展配电网安全风险管控重点行动
  • 微前端架构
  • 实验三 前端性能优化-CSS优化
  • Unity InputField实现框自适应内容简便方法
  • 自动化测试 —— 基于Jmeter之DDT!
  • [译]CSS 居中(Center)方法大合集
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • HTTP--网络协议分层,http历史(二)
  • iOS编译提示和导航提示
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • MySQL用户中的%到底包不包括localhost?
  • Netty 4.1 源代码学习:线程模型
  • nodejs调试方法
  • React 快速上手 - 07 前端路由 react-router
  • Sass 快速入门教程
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • Traffic-Sign Detection and Classification in the Wild 论文笔记
  • vue中实现单选
  • XForms - 更强大的Form
  • 关于Java中分层中遇到的一些问题
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 每天10道Java面试题,跟我走,offer有!
  • 面试题:给你个id,去拿到name,多叉树遍历
  • 前端自动化解决方案
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 在Docker Swarm上部署Apache Storm:第1部分
  • 终端用户监控:真实用户监控还是模拟监控?
  • 策略 : 一文教你成为人工智能(AI)领域专家
  • 长三角G60科创走廊智能驾驶产业联盟揭牌成立,近80家企业助力智能驾驶行业发展 ...
  • # 手柄编程_北通阿修罗3动手评:一款兼具功能、操控性的电竞手柄
  • (1)Android开发优化---------UI优化
  • (1)SpringCloud 整合Python
  • (C语言)fread与fwrite详解
  • (ibm)Java 语言的 XPath API
  • (安卓)跳转应用市场APP详情页的方式
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (二)JAVA使用POI操作excel
  • (二)斐波那契Fabonacci函数
  • (附表设计)不是我吹!超级全面的权限系统设计方案面世了
  • (十六)串口UART
  • (一) storm的集群安装与配置
  • (转)Oracle 9i 数据库设计指引全集(1)
  • ***原理与防范
  • . NET自动找可写目录
  • .NET Compact Framework 3.5 支持 WCF 的子集