Question

<style>
    #number{height: 50px; color: #000; }
    </style>


Progress: <div id="number"> </div>
<script type="text/javascript">

    var i = 0;
    d = 1;
function increment(d) {
    if(i<100){
        i+=d;
        document.getElementById('number').innerHTML = i + '&#037;';
    }
    else{
        document.getElementById('number').innerHTML = 'done' ;
    }

}

setInterval('increment(d)', 1000);

</script>

<button type="button" id="button" onclick="d++">Add</button>
<button type="button" onclick="window.location.reload()">Refresh</button>

我正在使用asp.net mvc 4上的visual studio开发一个web应用程序。我需要制作一个部分视图，显示一个从1到100的计数器。我添加了一个按钮，增加了1个计数器每次点击的价值和另一个用于刷新页面的价值。我怎么能用ajax做到这一点？

Answer 1

AJAX （异步Javascript和XML）用于在没有可见页面刷新的情况下发出Web请求。这不是你应该使用它的。您可以使用setTimeout执行此操作。我已提供JSFiddle供您使用。

重要位

在Javascript中，您可以使用setTimeout模拟异步功能。此函数将允许Javascript继续执行，并在给定的等待期后，将执行您提供的代码。

function doSomething() { alert("hello"); }

setTimeout(doSomething, 1000);

这将执行doSomething()方法。

注意：您将该功能作为回调传递。与doSomething相同，而不是doSomething()。

我需要用ajax做到这一点

1 个答案: