>  기사  >  웹 프론트엔드  >  Javascript에서 카운트다운 시차 효과를 구현하는 방법에 대한 자세한 설명

Javascript에서 카운트다운 시차 효과를 구현하는 방법에 대한 자세한 설명

黄舟
黄舟원래의
2017-05-21 11:37:441066검색

이 글에서는 카운트다운 시차 효과를 달성하기 위한 자바스크립트를 주로 자세히 소개하고 있으며, 이는 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예시는 다음과 공유됩니다. 여러분, 참고용으로 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>
.

위 내용은 Javascript에서 카운트다운 시차 효과를 구현하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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