>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 타이머 데모

자바스크립트 타이머 데모

高洛峰
高洛峰원래의
2016-11-25 14:13:281285검색

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


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.