javascript - 用户点击按钮时更新时间

Question

显然我不太理解 .val() 。 我正在尝试提供按钮，用户可以单击它们并输入阅读的小时数。但是我什至无法使用基本按钮。希望如果我能让它正常工作，那么正确地第四次单击刻钟按钮翻转不会太难。 这是我的代码，也许你可以告诉我我在做什么愚蠢的事情:

HTML:

Time (H:MM): <span id="hoursread">0</span>:<span id="minutesread">00</span><br>
<button id="fifteen">+15 Minutes</button>
<button id="sixty">+1 Hour</button>
<button id="minus">-1 Hour</button>

jQuery:

$('#sixty').click(function () {
    $('#hoursread').val(+1);
});
$('#fifteen').click(function () {
    $('#minutesread').val(+15);
});
$('#minus').click(function () {
    $('#hoursread').val(-1);
});

我去过fiddling这样做没有用!

Answer 1

对于 ID 为 hoursread、val 的 span，您需要使用 text() 代替 val() () 用于输入元素。尽管您必须计算时间间隔。