Jquery 设置时间间隔，时间跨度非常小

我正在用Jquery mobile构建一个计算器

有些内容是通过滑块值或html值计算的，如下所示：

function refresh(){ 
        $("#leistung").html(($('#slider-vertical2').val()*1.2/3600*$('#slider-vertical3').val()).toFixed(0));
        $("#nutzenergie").html(toLocalFormat($('#slider-vertical').val()*$("#leistung").html()));
        $("#kostenersparnis").html(toLocalFormat($('#slider-vertical2').val()*1.2/3600*$('#slider-vertical3').val()*$('#slider-vertical').val()*0.9*1.1*$('#slider-vertical4').val()/100/0.9));
        $("#co2emission").html(toLocalFormat($("#leistung").html()*$('#slider-vertical').val()*0.00055/0.9, true));
        $("#amortisationszeit").html(toLocalFormat($('#slider-vertical5').val()/$('#kostenersparnis').html()/1000,true));
    }

setInterval(function(){refresh();},10);

现在我需要经常更新这些值

我第一次使用

$(document).on("vmousemove taphold tap swipe")

但不幸的是，这并不包括点击计算器中的+/-按钮。 我可能可以设置鼠标按钮按下事件的间隔，但我选择了这样一种简单的方式：

function refresh(){ 
        $("#leistung").html(($('#slider-vertical2').val()*1.2/3600*$('#slider-vertical3').val()).toFixed(0));
        $("#nutzenergie").html(toLocalFormat($('#slider-vertical').val()*$("#leistung").html()));
        $("#kostenersparnis").html(toLocalFormat($('#slider-vertical2').val()*1.2/3600*$('#slider-vertical3').val()*$('#slider-vertical').val()*0.9*1.1*$('#slider-vertical4').val()/100/0.9));
        $("#co2emission").html(toLocalFormat($("#leistung").html()*$('#slider-vertical').val()*0.00055/0.9, true));
        $("#amortisationszeit").html(toLocalFormat($('#slider-vertical5').val()/$('#kostenersparnis').html()/1000,true));
    }

setInterval(function(){refresh();},10);

它做了我想要的，在这个CPU上运行良好，但我不确定它是否会对较慢的触摸设备产生问题。因为它每10毫秒触发一些计算

---

可能有更好的方法来完成我想做的事情。

这看起来确实是个糟糕的主意，特别是因为这些滑块可能在任何时候都会有事件发生？好吧，cpu在整个时间内保持在0%，在滑动时会上升到10%。