js 진도 게이지
1356 단어 JavaScripthtml
나 는 js 코드 로 진도 표를 썼 는데, 스타일 이 그리 예 쁘 지 않 을 것 이다!진 도 량 이 등차 수열 이 아니 기 위해 서 나 는 난수 로 진도 수열 의 차 이 를 만 들 었 다.
다음은 코드: (여러분 의 지적 을 바 랍 니 다!)
<html>
<head>
<title>js </title>
</head>
<body>
<p align="center">
<span id="show" style="border:1px solid red;width:800px;height:30px;">
<hr id="bar" align="left" style="height:30px;width:0px;" color="red">
</span>
<span id="total"></span>
</p>
</body>
<script language="JavaScript">
var per=0;
function run(){
per+=parseInt(Math.random()*1000000%20);
document.getElementById("bar").style.width=per;
if(per>=800)per=800;
document.getElementById("total").innerHTML=parseInt((per/800)*100)+'%';
if(per>=800){
clearTimeout(timeout);
return;
}
var timeout=setTimeout("run()",100);
}
onload=run();
</script>
</html>다음은 첨부 파일 입 니 다. 여러분 은 다운로드 해서 효 과 를 볼 수 있 습 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
