我想用 javascript 在 div 中显示文本

Question

我正在尝试在这里制作 javascript 秒表，我想为 div.circle 添加时间，但我不知道这段代码有什么问题，请帮助我！！ 谢谢

 <-- this is html code --->


 <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>stopwatch</title>
 <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <div class="box">
   <h1>Stopwatch</h1>
   <div class="circle"></div>
   <div class="buttons">
    <button>Start</button>
    <button>Stop</button>
    <button>Reset</button>
   </div>
  </div>
 </body>
 <script>  
 <-- this is js code -->   

 let min = 0;
 let sec = 0;
 let mil = 0;

 let time = document.getElementsByClassName("circle");
 time = min + " : " + sec + " : " + mil ;
 time.innerHTML = time;
 console.log (time);

 </script>
 </html>

Answer 1

 let time = document.getElementsByClassName("circle"); time = min + ": " + sec + ": " + mil; time.innerHTML = time;

这些行实际上将时间变量设置为一个元素，然后将其断开并将其放入字符串中。

应该是这样的：

 const time = document.getElementsByClassName("circle"); time.innerHTML = min + ": " + sec + ": " + mil;

Answer 2

您的代码缺少一些非常基本的部分。 我已经对其进行了一些更改以在按钮单击时显示某些内容，但这需要更多的努力。 我将通过 HTML、CSS、JS 中的一些教程向您强烈推荐 go 一两天。

 const button = document.getElementsByTagName("button")[0]; button.onclick=() => { let min = 0; let sec = 0; let mil = 0; let time = document.getElementsByClassName("circle")[0]; let timeString = min + ": " + sec + ": " + mil; time.innerHTML = timeString; console.log(timeString); }

 <div class="box"> <h1>Stopwatch</h1> <div class="circle"></div> <div class="buttons"> <button>Start</button> <button>Stop</button> <button>Reset</button> </div> </div>

我想用 javascript 在 div 中显示文本

问题描述

2 个解决方案

解决方案1
0 2022-01-21 04:30:35

解决方案2
0 已采纳 2022-01-21 04:31:27

我想用 javascript 在 div 中显示文本

问题描述

2 个解决方案

解决方案1 0 2022-01-21 04:30:35

解决方案2 0 已采纳 2022-01-21 04:31:27

解决方案1
0 2022-01-21 04:30:35

解决方案2
0 已采纳 2022-01-21 04:31:27