javascript 自动更新

目前在做js的一个小控件。现在是一个固定值（id= SingalPrice ，值是123），一个可以通过加减修改数字（id="cartQtycount",默认是3，但是可以通过button来加减，加减运算已实现），最终需要得到两个数相乘的结果。但是我发现不管我怎么修改，最终的结果都在默认数（123*3=369），没有变化，求各位帮助～

代码如下：

```html
<div class="col-2">
                <span>$span> 
                <span id="SingalPrice">123span>
            div>
            <div class="col-4">
                <div class="row">
                    <div class="col-5">
                        <button type="button" class="btn btn-danger" onclick="minusnumber()">-button>
                    div>
                    <div class="col-2">
                        <h4 align="center" id="cartQtycount">3h4>
                    div>
                    <div class="col-5">
                        <button type="button" class="btn btn-danger" onclick="addnumber()">+button>                    
                    div>
                div>
            div>
            <div class="col-2">
                <span>$span> <span id="totalPrice">span>
            div>

```javascript
window.onload = function() {
    updateTotal();
};

function updateTotal() {
    var Singalpriceinput = document.getElementById("SingalPrice").innerHTML;
    var countinput = document.getElementById("cartQtycount").innerHTML;
    var totalSpan = document.getElementById("totalPrice");
    
    totalSpan.innerHTML = Singalpriceinput * countinput;
    
}

```

window.onload = function() {
    updateTotal();
};

这个只是在页面加载的时候才执行，刷新页面后，所有的变量全部重置了。
你得写在 settimeout 里面，定时执行

window.setTimeout(function() {
...
}, 2000); //2000表示2秒钟执行一次