カウントダウン効果を見てみましょう。
コード:
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> countdown function </title> <script> var timer =(function(){return function(json){if(json.currenttime){var now = new date(); var year();月= now.getmonth() +1; //戻り月(0-11、so +1)var day = now.getDate(); //特定の日(1-31)var h = now.gethours(); // return hour(0-23)var m = now.getminutes(); // O M <10? '0'+M:s <10? '0'+s:['Sunday'、 'Tuesday'、 'Friday'、 'Saturand']; '+h+': '+m+': '+s; 1日、1時間、1分、60秒d = parseint(leftime/3600)%24); document.getElementByid(json.objid).innerhtml = d+"day"+h+"hour" munise "+s+"秒 "; objid: 'thistime'})タイマー({objid: 'countdown'、endtime: "" 2016/9/1,18:00 "}} </script> </head> <body> <b>現在の時間:</b> <span id =" thistime "> </span> <br/> <br/<b> ID = "CountDown"> </span> </body> </html>注記:
1.現在の時間とカウントダウン、異なるパラメーターの2つの機能があります。
2.主にJSによって返されたデータを使用します。月、日、時間、分、返品値間隔に注意してください
3.今週は配列を使用して処理しました
4.カウントダウンは主に時差を計算し、現在の時間の秒数を減算し、数学的計算を実行します。
5。複数のタイマーが矛盾するのを防ぐために閉鎖はここで使用されます
6.ここのコードは比較的理解しやすいです。素晴らしい人はそれをプラグインに変えることができます。私はそれを共有したいと思っています。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。