BOM1-26 编程练习

最新推荐文章于 2022-07-25 22:45:07 发布

请叫我二狗哥

最新推荐文章于 2022-07-25 22:45:07 发布

阅读量534

点赞数

分类专栏： Javascript 基础案例

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/90244762

版权

该编程练习涉及JavaScript，要求实现点击开始按钮后，div内容每隔一秒显示一个'hello'，每个'hello'间用空格分隔。需通过设置定时器和事件监听来完成。

摘要由CSDN通过智能技术生成

1-26 编程练习

根据gif效果图，补充代码，实现：

当点击“开始”按钮时，div里面每隔一秒就有一个“hello”，”hello”依次累加，每个“hello”之间有一个空格分开

根据gif效果图完成下列步骤：

第一步：自定义变量，用来接收定时器，按钮对象以及div对象

第二步：给“开始“按钮绑定鼠标单击事件，当点击”开始“按钮时，设置定时器，每隔一秒便在div中输出一个“hello”

Tips：

（1）每隔“hello”之间用空格分开

（2）加号可以连接字符串

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>setInterval()</title>
        <style type="text/css">
            div{
                width:300px;
                height:300px;
                border:1px solid #333;