javascript - jquery 相当于 javascript 间隔函数

Question

我有这个 JavaScript 函数

function addTenPercent(){
        var bar = document.getElementById("progressBar");
        setInterval(addTenPercent, 5000);
        bar.value += 10;
};

我试图将它包含在我的 jquery if else 语句中，但没有成功

$('#form1').submit(function(e){
        if ($.trim($('#store').val()) === "" || $.trim($('#store').val()) === "Enter store number'(nnnn)'") {
                e.preventDefault();
                alert('Please type in store number');
        }
        else {
                setInterval(function(){
                $('#progressBar').val() += 10;
                },5000);
        }
});

有人可以帮我指出我在将上述 javascript 转换为 jquery 时出错的地方吗？

Answer 1

.val() 返回元素的当前值，并且不能通过引用修改该值。 guest271314 的答案是可行的，但由于无论如何缓存 jQuery 选择都是一个很好的做法，所以我建议使用以下解决方案:

var progressBar = $('#progressBar')[0];
setInterval(function () {
    progressBar.value += 10;
}, 5000);

请注意，progessBar 是一个原始 DOM 元素，而不是 jQuery 对象，并且 progressBar.value 通过引用访问。