我有一个包含数字值的div元素。对应于分钟数:秒,当前游戏的播放时间。我想让它成为一个计数器,以显示尝试解决游戏所花费的时间。
最佳答案
我将尝试为您指明正确的方向-如果您自己完成任务(尽管有指导),您将始终学到很多。如果您仍然遇到问题,请发表评论,我们将乐意提供更多基于代码的答案。
跟踪两个变量:totalSeconds
和totalMinutes
。编写一个每秒执行一次的函数(可以使用JavaScript的setInterval
方法完成),该函数将totalSeconds
-加1,如果该数字达到60,则将totalMinutes
加1并将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/