javascript - 如何在html页面中显示运行计数器

标签 javascript html

我有一个包含数值的 div 元素。对应于当前游戏进行的分钟数:秒数。我想让它成为一个运行计数器,显示尝试解决游戏所花费的时间。

最佳答案

我会先尝试为您指出正确的方向 - 如果您自己设法完成任务(尽管有指导),您总是会学到更多东西。如果您仍然遇到问题,请发表评论,我很乐意提供更多基于代码的答案。

跟踪两个变量:totalSecondstotalMinutes。编写一个每秒执行一次的函数(这可以使用 JavaScript 的 setInterval 方法来完成),将 totalSeconds 加 1 - 如果该数字达到 60,则将 加 1 >totalMinutes 并将 totalSeconds 重置为 0。

即,这是两个变量将包含的内容,每秒都会修改:

totalSeconds <- 0
totalMinutes <- 0

totalSeconds <- 1
totalMinutes <- 0

totalSeconds <- 2
totalMinutes <- 0

...

totalSeconds <- 59
totalMinutes <- 0

totalSeconds <- 0
totalMinutes <- 1

totalSeconds <- 1
totalMinutes <- 1

totalSeconds <- 2
totalMinutes <- 1

...

更新这两个变量后,更改 div 的 innerHTML 属性来表示更改。

祝你好运!

关于javascript - 如何在html页面中显示运行计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13853005/

相关文章:

javascript - 如何在 node.js 中的 http PUT 正文中使用 JSON?

javascript - 用 Jest 模拟条件 window.open 函数调用

html - 添加文本时 Div 移动,自动换行不起作用

jquery - 如何在不使用 CSS3 更改排列的情况下重新缩放每个 `faces`

javascript - 单击某个元素会触发所有相同的类,而不是单击的类

javascript - 在图像上动态添加 div

javascript - 我如何使用 javascript 控制台 DOM 对象列表

javascript - 使用tickformat在绘图中格式化轴刻度中的文本

css - 导航栏列表项随悬停向右移动

html - HTML5 中没有缓存