Question

这个JS一加载页面就开始执行，能不能在点击某个按钮的时候才开始执行

var i=0;
function test(){
i++;
document.getElementById("loading").style.width = i + "%";
document.getElementById("loadtext").innerText = i + "%";
if(i<100)setTimeout("test()",20);
}
setTimeout("test()",20)

Answer 1

setTimeout("test()",20)去掉这句话，这句话的意思是20毫秒之后执行text()，1000毫秒等于1秒，所以如果不想开始就运行就把这句去掉。
点击某个按钮才执行只需要再按钮元素里面加上onclick="text()"就OK了。
例如：<input type="button" value="Click Me" onclick="text()" />

Answer 2

给你最简单的回答：
var i=0;
function test(){
i++;
document.getElementById("loading").style.width = i + "%";
document.getElementById("loadtext").innerText = i + "%";
if(i<100)setTimeout("test()",20);
}
fuction aa(){
setTimeout("test()",20);

}
点击按钮触发aa()函数就可以了；
或者你直接删了 setTimeout("test()",20);
直接就是：
var i=0;
function test(){
i++;
document.getElementById("loading").style.width = i + "%";
document.getElementById("loadtext").innerText = i + "%";
if(i<100)setTimeout("test()",20);
}
点击按钮触发test()函数，点击按钮触发函数应该会吧？
<input type="button" value="点击触发" onclick="text()" />

Answer 3

<a onclick="test()">test</a>