Javascript 宽度溢出Div时减小字体大小

我相信我的问题是独特的，因为我使用的计数器的宽度可以不断增加，而不是容器的宽度变化，这似乎是通常被问到的

我的站点是，当计时器溢出其容器div时，我正在尝试减少计时器的字体。以下是我目前正在使用的javascript，以实现这一点：

$(document).ready(function() {
    while( $('#scriptTime').width() > $('#timer-container').width() ) {
        $('#scriptTime').css('font-size', (parseInt($('#scriptTime').css('font-size')) - 1) + "rem" );
    } 
});

---

这在我看来是正确的，但由于我仍在学习，我很可能错过了一些简单的东西。有没有更好的方法来实现这一点？谢谢你的帮助

以下是该插件的链接： 和一个指向源的链接：

或

将此添加到css方法中

---

溢出：自动

您可以使用v单位创建响应字体大小。尝试执行

字体大小：2vh或类似的东西。调整窗口大小并注意大小的变化。可能重复我尝试过使用视口百分比单位，但如果字体本身正在调整大小，例如当计时器间隔增加到一分钟以上时，它似乎无法缩放。在这一点上，字体只是溢出容器。考虑使用CSS！！看看这篇文章-我会再看一遍关于视口大小排版的文章，谢谢！我做了些手脚，但那正是我所需要的——谢谢你，好心的先生！