Bagaimana untuk menetapkan tarikh dan masa menggunakan JavaScript

JavaScript ialah bahasa pengaturcaraan yang biasa digunakan yang sering digunakan untuk pembangunan web. Dalam halaman web, kita selalunya perlu mendapatkan masa sistem semasa, atau menetapkan operasi tertentu untuk dilakukan pada titik tertentu pada masa hadapan. Dalam kes ini, fungsi tarikh dan masa dalam JavaScript amat penting. Artikel ini menerangkan cara menetapkan tarikh dan masa menggunakan JavaScript dan menyediakan beberapa contoh kod praktikal.

Tetapkan tarikh

Objek tarikh (Tarikh) dalam JavaScript digunakan untuk mengendalikan tarikh dan masa. Kita boleh mencipta objek tarikh baharu dan kemudian menetapkan nilai atribut seperti tahun, bulan, hari, dll. untuk mewakili tarikh tertentu.

Berikut ialah beberapa contoh kod untuk menetapkan tarikh:

// 创建一个新的日期对象
var date = new Date();

// 设置年份为2021年
date.setFullYear(2021);

// 设置月份为3月，注意月份是从0开始计数的，所以3表示4月份
date.setMonth(3);

// 设置日期为15日
date.setDate(15);

Dalam kod di atas, kami mula-mula mencipta objek tarikh baharu dan kemudian menggunakan setFullYear(), setMonth() dan setDate() dan fungsi lain untuk mengubah suai beberapa nilai atribut objek tarikh. Objek tarikh akhir yang diperoleh mewakili 15 April 2021.

Selain itu, kita juga boleh menggunakan fungsi Date.parse() untuk menukar rentetan kepada objek tarikh. Berikut ialah contoh:

var timestamp = Date.parse("2021-04-15T08:00:00.000Z");
var date = new Date(timestamp);

Dalam kod di atas, kami menghantar rentetan masa berformat ISO kepada fungsi Date.parse() dan menetapkan cap waktu yang dikembalikan kepada cap waktu berubah. Kemudian kita boleh mencipta objek tarikh baharu menggunakan cap masa ini.

Tetapkan masa

Sama seperti menetapkan tarikh, JavaScript juga menyediakan beberapa fungsi untuk menetapkan masa. Kita boleh menggunakan fungsi seperti setHours(), setMinutes(), dan setSeconds() untuk menetapkan nilai jam, minit dan saat masing-masing.

Berikut ialah contoh:

// 创建一个新的日期对象
var date = new Date();

// 设置小时为8点
date.setHours(8);

// 设置分钟为30分
date.setMinutes(30);

// 设置秒数为0秒
date.setSeconds(0);

Dalam kod di atas, kami menggunakan fungsi seperti setHours(), setMinutes() dan setSeconds() untuk menetapkan nilai jam, minit dan saat masing-masing. Objek tarikh akhir mewakili 8:30:00 hari semasa.

Selain fungsi ini, JavaScript juga menyediakan beberapa fungsi untuk mendapatkan maklumat masa, seperti getHours(), getMinutes(), getSeconds(), dsb. Kita boleh menggunakan fungsi ini untuk mendapatkan nilai masa tertentu dalam objek tarikh.

Tetapkan pemasa

Dalam pembangunan web, kita selalunya perlu melakukan beberapa operasi pada titik tertentu pada masa hadapan. Contohnya, kotak mesej muncul selepas 5 saat, atau data halaman dikemas kini setiap 10 saat. Pada masa ini, anda perlu menggunakan fungsi pemasa dalam JavaScript.

Terdapat dua fungsi pemasa dalam JavaScript, iaitu setTimeout() dan setInterval(). Perbezaan di antara mereka ialah fungsi setTimeout() hanya dilaksanakan sekali, manakala fungsi setInterval() dilaksanakan berulang kali.

Berikut ialah contoh penggunaan fungsi setTimeout():

setTimeout(function() {
    alert("5秒钟已经过去了");
}, 5000);

Dalam kod di atas, kami menggunakan fungsi setTimeout() untuk menetapkan pemasa 5 saat. Fungsi ini menerima dua parameter, parameter pertama ialah fungsi panggil balik yang akan dilaksanakan, dan parameter kedua ialah masa pemasa (dalam milisaat). Selepas 5 saat, JavaScript akan melaksanakan fungsi panggil balik dan muncul kotak mesej.

Berikut ialah contoh penggunaan fungsi setInterval():

var timer = setInterval(function() {
    console.log("10秒钟已经过去了");
}, 10000);

Dalam kod di atas, kami menggunakan fungsi setInterval() untuk menetapkan pemasa 10 saat. Fungsi ini juga menerima dua parameter, parameter pertama ialah fungsi panggil balik yang akan dilaksanakan, dan parameter kedua ialah masa pemasa. Tidak seperti fungsi setTimeout(), JavaScript akan melaksanakan fungsi panggil balik berulang kali apabila masa tamat.

Jika anda perlu membatalkan pemasa, anda boleh menggunakan fungsi clearTimeout() dan clearInterval():

clearTimeout(timer);
clearInterval(timer);

Dalam kod di atas, kami menggunakan clearTimeout() dan clearInterval( ) berfungsi masing-masing untuk membatalkan Pemasa ditetapkan sebelum ini.

Ringkasan

Artikel ini memperkenalkan cara menggunakan JavaScript untuk menetapkan tarikh dan masa serta cara menggunakan fungsi pemasa untuk melaksanakan beberapa operasi pada titik tertentu pada masa hadapan. Fungsi tarikh dan masa dalam JavaScript sangat praktikal dan sering digunakan dalam pembangunan web. Akhir sekali, kami menyediakan beberapa contoh kod praktikal yang kami harap dapat membantu pembangun.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan tarikh dan masa menggunakan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!