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

时间:2016-03-09 06:16:35

标签: javascript html css

所以我有一点问题,我是编码新手,所以我想学习...... 我有一个启动进度条的按钮,但我希​​望它在进度条完成时为我的money变量增加1美元。继承我的代码: 全局变量声明代码:

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

Proggress bar 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>

我的钱可变剧本:              var money         钱= 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 + '%';
    }
}

}     

我尝试了很多东西,我在网上搜索并询问frinds帮助我希望这会有用。

1 个答案:

答案 0 :(得分:0)

您的可变货币在功能框架()中定义,因此每次调用此功能时 - 它都是一个新变量。

你需要像这样声明smth

var money = 0;

在函数之前(函数上方)。

详细了解此Javascript Scope