Tarih ve saatle çalışmak için yerleşik bir nesne kullanılır Tarih. Bu nesnenin hiçbir özelliği yoktur ancak tarih ve saati ayarlamanıza ve değiştirmenize olanak tanıyan çeşitli yöntemlere sahiptir.

Bir obje Tarih operatörü kullanılarak oluşturulan yeni ve tasarımcı - Tarih.

Örneğin:

var myData=yeni Tarih();

Değişken değer benim verim geçerli tarih ve saat olacaktır:

Nesne Yöntemleri Tarih Ayın, haftanın gününün, saatin, dakikanın ve saniyenin değerlerini ayrı ayrı alabilirsiniz:

• getDate- ayın gününü temsil eden 1 ile 31 arasında bir sayı döndürür.
• getHours- 0 (gece yarısı) ila 23 aralığındaki günün saatini döndürür.
• getMinutes- 0 ila 59 aralığındaki dakikaları döndürür.
• getSeconds- 0 ila 59 aralığındaki saniyeleri döndürür.

Javascript tarihi

Şimdi fonksiyonun kendisini yazalım nZaman():

function nTime(obj) ( var t=new Date(); var h=t.getHours(); var m=t.getMinutes(); var s=t.getSeconds(); var result=h+":"+m+ ":"+s; obj.res.value=sonuç )

Burada ayrıca çizgiyi açıklığa kavuşturmak istiyorum var sonuç=h+":"+m+":"+s. İlk defa hem değişken değerlerin hem de düz metnin çıktısını alma ihtiyacıyla karşılaştık. Prensipte karmaşık bir şey yok: değişkenler olduğu gibi yazılır, metin tırnak içine alınır ve işaret + birleştirme işlemini gerçekleştirir, yani onların birleşmesi.

Örneğimizde bir dezavantaj vardı: saatin “ss:dd:ss” formatında görüntülenmesini istedik, ancak artık “s:d:s” formatında görüntüleniyor. Yani sabah 5'te saat “5:0:0” olarak gösterilecek ama ben bunun şöyle olmasını isterim: “05:00:00” (ki bu daha yaygın). Gibi Ev ödevi bunu düzeltmeyi deneyebilirsiniz. Örneğin, operatörü kullanarak eğer ve "0" dizesi (fikir basit: 10 saatten az süre varsa, o zaman önceki sonuç) H tüm değişkenlerle birlikte "0" vb. yazın).

Bu arada nesnenin yöntemlerini incelemeye devam edelim. Tarih:

• getDay- haftanın gününü 0'dan (Pazar) 6'ya (Cumartesi) kadar bir tamsayı olarak döndürür.
• getMonth- yıldaki ayın sayısını 0 (Ocak) ile 11 (Aralık) arasında bir tam sayı olarak döndürür.
• getYear- yılı son iki hane olarak döndürür ( getFullYear- yılı dört haneli olarak döndürür).

  * Maalesef 2000 yılından bu yana farklı tarayıcılarda yılın görüntülenmesinde sorun yaşanıyor. IE'deki getYear yöntemi tüm yılı görüntüler (son iki rakam yerine) ve FireFox, XX yerine 1XX'i görüntüler (yani 1'in yerine geçer). Bu nedenle getFullYear yönteminin kullanılması tercih edilir.

HTML sayfa kodu basit olacaktır:

Javascript tarihi

Şimdi fonksiyonun kendisini yazalım tVeri():

Function tData(obj) ( var s; var t=new Date(); var y=t.getFullYear(); var d=t.getDate(); var mon=t.getMonth(); switch (mon) ( case 0: s = "Ocak"; vaka 1: s = "Şubat"; ara; s = "Mart"; ara; vaka 5: s = "Haziran"; ara; vaka 6: s = "Temmuz" ; mola; vaka 7: s = "Ağustos"; mola; vaka 9: s = "Ekim"; mola; Aralık"; var sonuç=d+" "+s+" "+y; =sonuç;

İlk örnekten daha uzun çıktı çünkü Ayların isimlerini Rusçaya çevirmem gerekiyor.

Yukarıda tartışılan yöntemler tarihi almanızı sağlar. Tarihi ayarlamamız gerekiyorsa aşağıdaki yöntemleri kullanmalıyız:

• tarih ayarla- 1 ile 31 arasında ayın gününü ayarlar.
• setHours- Geçerli saatin saatini 0 (gece yarısı) ila 23 aralığında ayarlar.
• setDakika- 0 ila 59 aralığında dakikaları ayarlar.
• setSaniye- 0 ila 59 aralığında saniyeleri ayarlar.
• setYıl- yıl değerini ayarlar.
• setMonth- Ay değerini 0 (Ocak) ila 11 (Aralık) aralığında ayarlar.
• ayarlanan zaman- bir nesnenin değerini ayarlar Tarih ve 1 Ocak 1970'ten bu yana geçen milisaniye sayısını döndürür.

Var t=yeni Tarih(); var y=t.setYear(2010); var d=t.setDate(6); var mon=t.setMonth(11); ...

Parametre olarak "ay, gün, yıl saat:dakika:saniye" biçiminde bir dize belirterek, yapıcıda tarihi doğrudan ayarlayabilirsiniz:

Var t=new Date("10 Şubat1975 17:45:10");

Saatler, dakikalar ve saniyeler atlanabilir (sıfır olacaktır):

Var t=new Date("10 Şubat 1975");

Aynı tarih, virgülle ayrılmış olarak yılı, ayı, günü, saati, dakikayı, saniyeyi listeleyen sayılar kullanılarak belirtilebilir:

Var t=yeni Tarih(75, 1, 10, 17, 45, 10);

Veya saatleri, dakikaları ve saniyeleri atlayarak (sıfır olacaktır):

Var t=yeni Tarih(75, 1, 10);

Hepsi bu, sayfa yüklendiğinde ziyaretin tarihini, saatini ve gününü (normal Rusça biçiminde) gösterecek bir komut dosyasını kendiniz yazmaya oldukça hazırsınız. İyi şanlar!

Web siteleri için bir başka yararlı şey de geçerli tarihin eklenmesidir. İnternette düzinelerce tarih yazısı örneği bulunabilir, ancak bence bunların çoğu hantal ve bu nedenle çirkin. Bu arada kullanarak standart araçlar JavaScript'te, bir web sitesi sayfasına çok basit bir şekilde tarih ekleyebilirsiniz. Çok sık kullanıyorum! Skazka malikanesinin resminde (mevcut web sitesinden ekran görüntüsü)!

Bence bundan daha basit, oldukça güzel ve anlaşılır olamaz. Bu betiğin yapısını incelemek istemiyorsanız, onu HTML sayfasında herhangi bir yere yapıştırın ve aşağıdaki yazıyı alın:

Başka bir daha gelişmiş seçenek

//
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
! Bugün
// + " " + d.getFullYear() + " g.");
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>

Şuna benziyor:

Bugün

Genel olarak, hiçbir beceriye gerek yoktur, sadece aptalca kodu girin ve her şey yolunda!

Böylece, tarih değerini d değişkenine atayarak başlıyoruz, ardından haftanın günleri (gün) ve aylar (ay) için diziler (Dizi) oluşturuyoruz ve bunları gerekli gramer biçiminde belirtiyoruz: büyük/küçük harf, sayı, büyük harf ise kelime tarihin başında görünüyor vs. .P. Komut dosyasının son satırı gerçek tarihin yazdırılmasıdır (document.write). Burada geçerli tarih satırında neyi ve hangi sırayla görüntüleyeceğinizi ayarlarsınız. Bileşenler birbirlerinden + işaretiyle ayrılır. Boşluk girmek için " " yapısını, g harfini (yıl) girmek için ise " g " yapısını kullanın.

Betikten de görebileceğiniz gibi, geçerli zamana ilişkin verilerin alınması get elemanı tarafından gerçekleştirilir. Bu yöntem aşağıdaki bilgileri elde etmenizi sağlar:

• getDate() - ayın gününü temsil eden 1'den 31'e kadar bir sayı döndürür;
• getDay() - haftanın gününü 0'dan (Pazar) 6'ya (Cumartesi) kadar bir tamsayı olarak döndürür;
• getMonth() - yıl içindeki ayın sayısını döndürür;
• getFullYear() - yılı döndürür. Yalnızca getYear() işlevini kullanırsanız, geçerli yıl eksi 1900 görüntülenecektir;
• get Hours() - günün saatini döndürür;
• getMinutes() - dakikaları 0'dan 59'a kadar bir sayı olarak döndürür;
• getSeconds() - 0'dan 59'a kadar saniye sayısını döndürür.

Bir Java betiğini doğrudan bir web sitesi sayfasına eklemek her zaman uygun değildir. Betiğin açıklamasını sayfanın başına etiketlerin arasına yerleştirmek ve metin içinde gerektiği gibi çağıracağımız bir değişken ayarlamak daha iyidir. Buna BUGÜN adını verelim ve yukarıdakine benzer tarih çıktı formunu tanımlayalım. Senaryo şöyle görünecek:

Tarihi görüntülemek için aşağıdaki komutu kullanarak betiği sayfanın HTML kodunda istediğiniz yere çağırın:

document.write(BUGÜN);

Sitenizde tarihi görüntülemeniz gereken çok sayıda sayfa varsa, tarihi görüntülemek için Java komut dosyasını ayrı bir dosyaya (örneğin, data.js) ayırmak daha uygundur. Pratikte bu, açıklanan komut dosyalarının ilkinden, yani document.write satırından oluşan bir sayfadır (yukarıya bakın). Ana sayfayla aynı dizinde yer almalı ve tarihin görüntülendiği yerde aşağıdaki şekilde çağrılmalıdır:

Data.js dosyasının ana belgeyle aynı kodlamaya sahip olup olmadığını kontrol etmeyi unutmayın, aksi takdirde tarih harika kancalar, kareler ve diğer hilelerle görüntülenecektir.

Yorum. Açıklanan komut dosyasının, kullanıcının bilgisayarında ayarlanan tarihi gösterdiği ve bunun her zaman gerçek geçerli zamana karşılık gelmediği unutulmamalıdır. Tam saati göstermeniz gerekiyorsa, sunucudaki saati gösterecek bir PHP betiği kullanmanız gerekir.

Bu dersimizde JavaScript Date nesnesine aşina olacağız ve pratikte nasıl kullanılacağını öğreneceğiz.

JavaScript'te tarih oluşturma işlemi Date nesnesi kullanılarak yapılır. Date nesnesi, zaman eksenindeki bir noktayı temsil eder ve tarih ve saati milisaniye hassasiyetinde depolamak için tasarlanmıştır.

JavaScript'te tarih oluşturma örnekleri.

1. Geçerli tarih ve saati oluşturun.

JavaScript'te geçerli tarih ve saatin alınması, herhangi bir parametre belirtmeden bir Date nesnesinin başlatılmasıyla gerçekleştirilir:

// geçerli tarih (Date nesnesi örneğinin oluşturulduğu andaki tarih ve saat) yerel bilgisayar user) var now = new Date(); // örneğin, geçerli tarihi konsola yazdırın console.log(now);

Sadece almanız gerekiyorsa bugünün tarihi dize biçiminde toLocaleDateString yöntemini kullanabilirsiniz:

Şimdi var = new Date().toLocaleDateString(); // 12/19/2019

Kullanıcının geçerli saati şu şekilde elde edilebilir:

Şimdi var = new Date().toLocaleTimeString(); // 11:02:48 var şimdi = new Date().toLocaleTimeString().slice(0,-3); // 11:02

Tarih ve saati şu şekilde dize biçiminde alabilirsiniz:

Şimdi var = new Date().toLocaleString(); // 19.12.2019, 11:02:48

2. Date nesnesine 1 Ocak 1970 00:00:00 UTC'den bu yana geçen milisaniye sayısını belirterek bir tarih oluşturma.

// 1 yıl (yüksek düzey değil) = 365*24*60*60*1000 = 31536000000 ms // örneğin, 01/01/1971, 00:00:00 UTC tarihini oluşturun: var date1 = new Date( 31536000000);

3. Bir Date nesnesine dize olarak belirterek bir tarih oluşturmak.

Tarih oluşturmaya yönelik bu seçenekle, JavaScript kendisine iletilen dizeyi anlamaya çalışacak ve buna göre bir tarih oluşturacaktır. JavaScript'te bir dizenin tarihe dönüştürülmesi Date.parse yöntemi kullanılarak yapılır.

Örneğin:

// GG.AA.YY formatında bir dizeye dayalı bir tarih oluşturuluyor var date1 = new Date("05.11.19"); // YYYY-AA-GGThh:mm:ss.sss biçiminde bir dizeye dayalı bir tarih oluşturun (T karakteri tarih ve saati ayırmak için kullanılır) var date2 = new Date("2015-02-24T21:23 "); // saat dilimini belirten bir dizeye dayalı bir tarih oluşturun (YYYY-AA-GGTss biçimi:dd:ss.sss±ss:dd): var date3 = new Date("2015-02-24T22:02+03:00 ");

4. Aşağıdaki parametreleri virgülle ayırarak belirterek bir tarih oluşturma: yıl (4 hane), ay (0'dan başlayarak sayar), gün (1..31), saat (0..23), dakika (0..59) , saniye (0..59), milisaniye (0..999). Üstelik yalnızca ilk iki parametre zorunludur.

Yalnızca gerekli parametreleri belirten bir tarih oluşturma örneği:

// 01/01/2015 tarihini oluşturun (belirtilmemiş varsayılan parametreler şunlardır: sayı - 01, saat - 00, dakika - 00, saniye - 00, milisaniye - 000). var tarih1 = yeni Tarih(2015.01); // tarihi oluştur 01/24/2015, 21:23 var date2 = new Date(2015,01,24,21,23);

Not: Tarih ve saati UTC cinsinden ayarlamanız gerekiyorsa Date.UTC yöntemini kullanabilirsiniz.

//1 örnek var tarih1 = Date.UTC(2015,1,1); var tarih2 = yeni Tarih(tarih1); uyarı(tarih2.toUTCString()); //2 örnek var newDate = new Date(Date.UTC(2015,1,1)); uyarı(newDate.toUTCString());

JavaScript'te ayrı tarih ve saat bileşenlerini elde etmek için aşağıdaki yöntemler kullanılır:

• getFullYear() – 4 sayıdan oluşan yılı döndürür;
• getMonth() – ayı 0 ile 11 arasında bir sayı biçiminde döndürür (0 – Ocak, 1 – Şubat, 2 – Mart, ..., 11 – Aralık);
• getDate() – ayın 1'den 31'e kadar olan gününü döndürür;
• getHours() – 0'dan 23'e kadar saat sayısını döndürür;
• getMinutes() – 0'dan 59'a kadar olan dakika sayısını döndürür;
• getSeconds() – 0'dan 59'a kadar saniye sayısını döndürür;
• getMilliseconds() – 0'dan 999'a kadar milisaniye sayısını döndürür.

Bu yöntemlerin tümü, kullanıcının yerel cihazında ayarlanan saat dilimine göre ayrı ayrı tarih ve saat bileşenlerini döndürür.

// tarihi oluştur 11/11/2019 00:00 UTC var newDate = new Date(Date.UTC(2019,11,11)); // kullanıcının cihazındaki yerel saat UTC+10:00 ise newDate.getFullYear(); //2019 newDate.getMonth(); // 10 newDate.getDate(); // 11 newDate.getHours(); // 10 newDate.getMinutes(); // 0 newDate.getSeconds(); // 0 newDate.getMilliseconds(); // 0

Kullanıcıyı şu anda hangi zaman aralığına sahip olduğuna bağlı olarak selamlayacağımız bir örnek:

// kullanıcının şimdiki saatini ve bu zamanın bileşenlerini al var now = new Date(), saat = now.getHours(), dakika = now.getMinutes(), saniye = now.getSeconds(), message = ""; // kullanıcının yerel saatine bağlı olarak bir karşılama ifadesi tanımlayın if (saat