主页 / 问题 / 1205916
Accepted
Влад
Asked:2021-11-17 20:17:44 +0000 UTC2021-11-17 20:17:44 +0000 UTC

从 id 获取价值并点击

  • 772

请帮我写一个脚本。

页面上有这段代码：

<b id="total">552</b>

对于我使用的搜索

document.getElementById('total');

结果

<b id="total">552</b>

问题是，用什么函数来比较得到的值？例如，如果 552 < 1000 意味着我们什么都不做并等待，如果总值为 1000 或更多，那么我们单击所需的元素。我已经知道如何以及在何处点击。预先感谢您的帮助。

сравнение

2 个回答

  1. Best Answer

    你可以在一个异步循环中等待（setInterval）

    const el = document.getElementById('total');
let modifying = setInterval(() => {
  el.dataset['i'] = ('i' in el.dataset ? +el.dataset['i'] : 0)+1;
  el.innerText = Math.round(Math.abs(2000*Math.sin(el.dataset['i'] / 10)));
}, 300);

///////////////

let waiting = setInterval(() => {
  const total = +el.innerText;
  if (!el.dataset['state']) el.dataset['state'] = total >= 1000 ? 'gt' : 'lt';
  
  if (el.dataset['state'] === "lt" && total >= 1000) {
    el.dataset['state'] = 'gt';
    console.log('>= 1000'); 
  }
  if (el.dataset['state'] === "gt" && total < 1000) {
    el.dataset['state'] = 'lt';
    console.log('< 1000'); 
  }
}, 300);
    <b id="total">2000</b>

    • 4

  2. 可以在更改时生成事件并订阅它。

    此外，可以在事件处理程序中以及在事件生成之前检查该值。

    const el = document.getElementById('total');
let modifying = setInterval(() => {
  el.innerText = +el.innerText + 3;
  el.dispatchEvent(new CustomEvent('valueChanged', {detail: +el.innerText}));
  if (el.innerText > 1000) {
    el.dispatchEvent(new CustomEvent('valueGT100'));
  }  
}, 50);

///////////////
el.addEventListener('valueChanged', (ev) => {
  if (ev.detail >= 1000) {
    clearInterval(modifying);
    console.log('click!');
  }
});

el.addEventListener('valueGT100', () => {
  console.log('click again!');
});
    <b id="total">752</b>

    • 3

相关问题