>  기사  >  웹 프론트엔드  >  Js 완전한 카운트다운 시차 효과

Js 완전한 카운트다운 시차 효과

Y2J
Y2J원래의
2017-05-20 13:17:131417검색

이 글은 카운트다운 시차 효과를 구체적으로 구현하기 위한 자바스크립트를 주로 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예시는 js 카운트다운 시차 효과를 공유합니다. .구현 코드는 참고용입니다.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i=&#39;0&#39;+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout(&#39;showTime()&#39;,500)
 }

</script>
</head>
<body>
<p class="content1">
 <p id="show">显示时间的位置</p>
</p>
</body>
</html>

[관련 추천]

1. 자바스크립트 무료 동영상 튜토리얼

2. JS에서 배열 요소를 재귀적으로 삭제하는 방법에 대한 자세한 설명

3. JS에서 별점 기능을 완성하는 예시에 대한 자세한 설명

4. JS는 텍스트가 전자인지 반자인지 어떻게 결정합니까

5. nodejs+websocket이 채팅 시스템 기능을 완성합니다

위 내용은 Js 완전한 카운트다운 시차 효과의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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