JSノートシリーズ - 時刻とタイムスタンプ

jsがシリーズ入門ガイド

時間と時間とタイムスタンプのタイムスタンプ

時間とタイムスタンプは、我々は、フロントページを作成する際に、多くの場合、JSは時間の概念が非常に重要であることを理解して、状況が現在の時刻を取得する必要が発生した、非常に一般的であるという概念JSです。タイムスタンプは、時間に今までに関して計算における合計秒数をGMT 1970年1月1日(1970年1月1日に北京時間08時間00分00秒)00時間00分00秒を指し、また、かけがえのない役割を果たしています。ここでは、コードを介してそれらを知って来ます。まずは、コードを流れる電流の時間を取得してみましょう:

var time=new Date();
var timeTamp=time.getTime();
text.innerHTML="time:"+time+" \ntimeTamp:"+timeTamp;

clipboard.png

示されているように、我々はパラメータのいずれかを追加することなく、例のjs Dateオブジェクトで取得していることの時間は、我々は現在の時刻を取得することができ、我々は、タイムスタンプに日付getTimeインスタンスによってすることができます。我々は、一般的に時間を表示するために使用される、とtimeTamp〜計算するために使用されるので、timeTampは純粋にデジタルである時間は、通常の文字列で、コードを実行して結果を見ることができる
ように時間を言及し、それは確かに時間に関係しています上の計算。心配しないように、私たちは最初のDateオブジェクト、共通のgetFullYear、getMonth、のgetDate、getMinuteの機能を理解しましょう getSecond、 我々は彼らの役割を持つコードを見て:

var text=document.getElementById('text'); 
var time=new Date();
var timeTamp=time.getTime();
var year=time.getFullYear();
var month=time.getMonth();
var date=time.getDate();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
text.innerHTML="time:"+time+"<br/>timeTamp:"+timeTamp+"<br/>year:"+year+"<br/>month:"+month+"<br/>date:"+date+"<br/>hour:"+hour+"<br/>minute:"+minute+"<br/>second:"+second;

clipboard.png

私たちは、計算が特に便利以降の時間であるので、こと、私たちは一人で描くことができ、時間の各部分に対して図から見ることができます。注意:三月一人でゼロからカウントされて返され、結果は月であるのに代わって、あること、4によって返されました。メソッドを取得するがあるのでまあ、セット方法は対応しているが、ここに小さなにsetFullYearが唯一の方法を説明し、他では読者が自分自身を掘ることができます。

var time=new Date(); 
var timeTamp=time.getTime();
time.setFullYear(2018,4,20);
text.innerHTML="time:"+time;

clipboard.png

私たちは、特にデモカウントダウンなどを書面で、実際には非常に便利です時間の時間設定を楽しみにしてにsetFullYearは、私たちを助けることができます。同様に、そこに解析機能、それがタイムスタンプ指定の時間を返すことを除いて、これらの二つの機能は、それぞれの役割に似た土地、とあります。

var toTamp=Date.parse('12 19,2015'); 
text.innerHTML="toTamp:"+toTamp;

clipboard.png

ここでは、カウントダウンを書くために、既存の機能を使用し、それはの第2018年5月20日です。

var text=document.getElementById('text');
var toTamp=Date.parse('5 20,2018');
setInterval(function(){
var time=new Date();
var timeTamp=time.getTime();
var overTamp=toTamp-timeTamp;
var overTime=new Date(overTamp);
overTime.setFullYear(overTime.getFullYear()-1970);
overTime.setHours(overTime.getHours()-8);
var oyear=overTime.getFullYear();
var omonth=overTime.getMonth();
var odate=overTime.getDate();
var ohour=overTime.getHours();
var ominute=overTime.getMinutes();
var osecond=overTime.getSeconds();
text.innerHTML="离2018-5-20剩余时间还有:<br/>"+oyear+"年"+omonth+"月"+odate+"天"+ohour+"时"+ominute+"分"+osecond+"秒";
},1000);

clipboard.png

これは非常にシンプルなカウントダウンですが、コードは非常に使用し、シンプルされません、必ずしもそうではないが、最も正確な、しかし最も簡単な方法は、一種とみなされるべきです。あなたがこのカウントダウンにクールなエフェクトを追加するときに、私はあなたが彼を好きと思います-
初心者の白として、私は常に手探りの前の道路にありました。単に知識や背の高いなくては崩れ、プロジェクトのブラインドの目を作るために、学習に行くことはありませんしないでください。人間のリング、私たち自身への警告として。

おすすめ

転載: www.cnblogs.com/baimeishaoxia/p/12037034.html