카운트 다운 효과를 살펴 보겠습니다.
암호:
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> countdown 함수 </title> <cript> var timer = (function () {return function (json) {if (json.currenttime) {var now = new Date (); now. Month = now.getmonth () +1; // Return Month (0-11, so +1) var day = now.getDate (); // 특정 날 (1-31) var h = now.gethours (); // return hour (0-23) var m = now. getminutes (0-59) var s = now. // o m = m <10? '0'+m : m; s = s <10? '0'+s : '', '화요일', '목요일', '토요일']; '+m+': '+s; 하루, 1 시간, 1 분, 60 초 d = parseint (h = parseint (왼쪽/3600)%; document.getElementById (json.objid) .innerhtml = d+"day"+h+"hour"+m+"minute"+s+"seconds"{settimeout () {timer (json)}, 1000);}}}}}}} () objid : 'thistime'}) 타이머 ({objid : 'countdown', endtime : "2016/9/1,18 : 00"}}} </script> </head> <body> <b> 현재 시간 : </b> <span id = "thistime"> </span> <br/> <br <b> </b> <2016/9/9/1 : </b> < id = "countdown"> </span> </body> </html>메모:
1. 현재 시간과 카운트 다운, 다른 매개 변수의 두 가지 기능이 있습니다.
2. 주로 JS가 반환 한 데이터를 사용합니다. 월, 일, 시간, 분, 반환 가치 간격에주의하십시오.
3. 나는 이번 주에 처리하기 위해 배열을 사용했습니다
4. 카운트 다운은 주로 시차를 계산하고, 현재 시간의 초 수를 빼고, 수학적 계산을 수행합니다.
5. 여기서는 여러 타이머가 충돌하는 것을 방지하기 위해 여기에서 클로저가 사용됩니다.
6. 여기서 코드는 상대적으로 이해하기 쉽습니다. 멋진 사람들은 그것을 플러그인으로 변환 할 수 있습니다. 나는 그것을 공유하고 싶습니다.
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.