时间戳

首页 > 解决方案 > 更改按钮选项卡时如何更改番茄钟的时间？

javascript - 更改按钮选项卡时如何更改番茄钟的时间？

问题描述

我正在学习 javascript，我很难学习背后的逻辑。我正在尝试制作番茄计时器，但我不知道如何在将按钮选项卡更改为“中断”时更改时间。我已经尝试这样做大约 5/6 天了，但我的想法已经用完了，我的逻辑就是行不通。

在我最后一次尝试中，我创建了一个函数来查看中断按钮元素是否具有“活动”类，如果有则更改时间但它不起作用。

function changeTimeBreak() {
  const breakTab = document.getElementsByClassName('break-tab')
  
   if (breakTab.hasClass('active')) {
     minutes = 10
     updateCounterEl()
     return
  }
}

标签： javascript

解决方案

您正在使用JQuery 的 .hasClass方法。你应该使用的是Javascript的方法。element.classList .contains

我已经编辑了你的功能。break-tab这应该在按钮处于活动状态时更新时钟。

function changeTimeBreak() {
  let breakTab = document.getElementsByClassName('break-tab');
  
   if (breakTab[0].classList.contains('active')) {
     minutes = 10;
     updateCounterEl();
  }
}

推荐阅读