JavaScriptタイマーのデモンストレーション
1291 ワード
<html>
<head>
<script type="text/javascript">
var g_percentFlag;
var g_percent = 0;
var g_count = 0;
function intervalPercent(path) {
g_count += 1;
document.getElementById("msg3").value = g_count;
if (g_percent < 100) {
g_percent += 20;
document.getElementById("msg2").value = g_percent + "%";
} else if (g_percent == 100) {
document.getElementById("msg2").value = g_percent + "%";
clearInterval(g_percentFlag);
g_percent = 0;
} else {
document.getElementById("msg2").value = "Error.";
}
}
function getPercentage(path){
g_percentFlag = setInterval("intervalPercent(\"" + path + "\")", 200);
}
</script>
</head>
<body>
<!-- <input type="button" value="click" onclick="a=" /> -->
<input id="msg2" type="text" /><br />
<input id="msg3" type="text" /><br />
<script>
getPercentage("Hello!");
</script>
<input type="text" value="nothing" />
<input type="button" value="click" />
</body>
</html>
原文のリンク:http://blog.csdn.net/poechant/article/details/7011393