JavaScript定时器演示
程序员文章站
2022-04-30 15:57:11
...
<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> www.2cto.com
<!-- <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> 推荐阅读
-
如何理解JavaScript中的this关键字
-
php实现向javascript传递数组的方法
-
javascript 组合按键事件监听实现代码
-
JavaScript中创建对象的7种模式详解
-
JavaScript中的this陷阱的最全收集并整理(没有之一)
-
详解JavaScript 中getElementsByName在IE中的注意事项
-
Javascript中的getUTCDay()方法使用详解
-
简介JavaScript中的setDate()方法的使用
-
javascript 使用正则test( )第一次是 true,第二次是false
-
在javascript中，null＞=0 为真，null==0却为假，null的值详解