用于测验的 JavaScript 计时器

标签 javascript html dom

我正在为一个 HTML 和 JavaScript 项目制作问答游戏。对于每个问题,玩家都有 15 秒的时间来回答。我设法做到了:

<body onload="setTimeout(Timer,15000)">

然后在Js中:

function Timer()
    {
         alert("You are out of time!");
    }

但是,我希望能够在 <p> 中显示玩家剩余的时间。标签。我怎么能那样做?

最佳答案

<div id="count">Start</div>

var count = 15;
var interval = setInterval(function(){
  document.getElementById('count').innerHTML=count;
  count--;
  if (count === 0){
    clearInterval(interval);
    document.getElementById('count').innerHTML='Done';
    // or...
    alert("You're out of time!");
  }
}, 1000);

关于用于测验的 JavaScript 计时器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44314897/

相关文章:

javascript - 单元测试 Javascript - Jasmine 测试失败,尽管代码按预期工作

javascript - 如何在 html 中显示闪烁的链接

html - 为什么 Hover 不能处理嵌套在另一个列表下的列表

dom - 将相同的 `&lt;script&gt;` 插入 DOM 两次会导致在任何浏览器中出现第二个请求吗?

javascript - 修改 HTML Input Form 格式

javascript - 根据下拉列表中的选择动态初始化未保存父对象的子记录

javascript - 使用 Jest 和 Create React App 模拟全局变量时出现未定义错误

javascript - 将外部对话框与 CKEditor 小部件集成

html - 远程 IP 地址

html - 辅助功能:在页面加载时强制阅读跨度文本的方法是什么