javascript - 如何在加载进度条后向变量添加金额并显示金额

Question

所以我有一个小问题，我是编码新手，所以我正在努力学习......我有一个启动进度条的按钮，但我希​​望它能在进度条完成后为我的资金变量添加 1 美元。这是我的代码:全局变量声明代码:

<script> var money; money = 0; </script>

进度条脚本:

<script>
function move() {
var elem = document.getElementById("myBar"); 
var width = 0;
var id = setInterval(frame, 10);
function frame() {
    if (width >= 100) {
        clearInterval(id);

    } else {

        width++; 
        elem.style.width = width + '%'; 
        document.getElementById("label").innerHTML = width * 1 + '%';
    }
}
}
</script>

我的钱变量脚本: 变现钱 钱=0 我应该显示的钱:

<b class="text">
<img src="http://www.diamondhunt.co/images/pic_coin.png" alt="Smiley face" align="middle">

金钱:$

<script type="text/javascript">
document.write(money);
</script>

我尝试过这个:

<script>
function move() {
var elem = document.getElementById("myBar"); 
var width = 0;
var id = setInterval(frame, 10);
function frame() {
    if (width >= 100) {
        clearInterval(id);
        money = money + 1;
    } else {

        width++; 
        elem.style.width = width + '%'; 
        document.getElementById("label").innerHTML = width * 1 + '%';
    }
}

}

我尝试了很多东西，我在网上搜索并向 friend 寻求帮助，我希望这会起作用。

Answer 1

你的变量money是在函数frame()中定义的，所以每次你调用这个函数时——它都是一个新变量。

你需要这样声明

var money = 0;

函数之前(函数上方)。

了解更多相关信息Javascript Scope