汉字检测工具 - 在线检测文本汉字数量 - 常规

<body>
  <h1>汉字检测器</h1>
  <div class='input-box'>
    <textarea class='textarea' placeholder='请输入需要检测的汉字'></textarea>
    <div class='btn-wrap'>
      <button class='btn check-btn'>检测</button>
      <button class='btn clear-btn'>清空</button>
    </div>
  </div>
  <div class='output'></div>
  <script src='https://cdn.jsdelivr.net/npm/text-to-speech-js/dist/text-to-speech.min.js'></script>
  <script>
    const textarea = document.querySelector('.textarea');
    const checkBtn = document.querySelector('.check-btn');
    const clearBtn = document.querySelector('.clear-btn');
    const output = document.querySelector('.output');
<pre><code>checkBtn.addEventListener('click', async () =&gt; {
  const content = textarea.value.trim();
  const reg = /[一-龥]/g;
  const result = (content.match(reg) || []).length;
  output.innerText = `输入的文本中共包含 ${result} 个汉字`;

  // 计算时间长度
  if (result &gt; 0) {
    const options = {
      rate: 0.8, // 语速
      text: content,
    };
    const speech = new TextToSpeechJS();
    const { duration } = await speech.getDuration(options);
    const time = duration.toFixed(2);
    output.innerText += `
</code></pre>
<p>如果配音，大概需要 ${time} 分钟`;
} else {
output.innerText += '
没有汉字需要配音';
}
});</p>
<pre><code>clearBtn.addEventListener('click', () =&gt; {
  textarea.value = '';
  output.innerText = '';
});
</code></pre>
  </script>
</body>