Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Cara menggunakan JavaScript untuk melaksanakan fungsi ucapan

Cara menggunakan JavaScript untuk melaksanakan fungsi ucapan

PHPz
Lepaskan: 2023-04-24 15:17:51
asal
1284 orang telah melayarinya

Dalam kehidupan seharian kita, salam adalah cara komunikasi yang sangat biasa. Sama ada bertemu rakan atau berkomunikasi dengan rakan sekerja, orang ramai ingin menunjukkan kesopanan dan semangat melalui sapaan. Begitu juga dengan komunikasi dalam talian Sebagai pembangun, kita boleh melaksanakan fungsi ucapan melalui JavaScript untuk menjadikan laman web atau aplikasi lebih mesra dan mesra.

1. Salam asas

Pertama, kita perlu mentakrifkan beberapa ucapan asas Di sini, kita boleh mentakrifkan tiga ucapan yang berbeza:

  • Selamat pagi
  • <.> Selamat petang
  • Selamat petang
kita boleh mendapatkan masa semasa dan menilai ia untuk mengeluarkan ucapan yang sepadan. >Kod ini mula-mula mendapat objek masa semasa melalui

, dan kemudian menggunakan kaedah

untuk mendapatkan jam semasa. Seterusnya, buat penghakiman dalam pernyataan if-else Jika waktu semasa adalah pada waktu pagi (antara pukul 5 dan 12), maka keluarkan "Selamat pagi". jam dan 18), kemudian keluarkan "Selamat tengah hari", jika tidak keluarkan "Selamat petang".
var date = new Date();
var hour = date.getHours();

if(hour >= 5 && hour < 12){
    document.write("早上好");
}
else if(hour >= 12 && hour < 18){
    document.write("下午好");
}
else {
    document.write("晚上好");
}
Salin selepas log masuk

2. Output salam berdasarkan nama yang dimasukkan oleh pengguna new Date()getHours() Selain salam asas, kita juga boleh membuat ucapan lebih peribadi, seperti mengeluarkan salam berdasarkan nama yang dimasukkan oleh pengguna. Kodnya adalah seperti berikut:

Kod ini mula-mula menggunakan kaedah

untuk muncul kotak input dan meminta pengguna memasukkan nama mereka. Seterusnya, penghakiman dibuat berdasarkan jam semasa yang diperolehi dan segmen kod sebelumnya Perbezaannya ialah sapaan disimpan dalam pembolehubah dalam pernyataan penghakiman. Akhirnya, ucapan dan nama yang dimasukkan oleh pengguna adalah output ke halaman web.

var name = prompt("请输入您的名字:");
var date = new Date();
var hour = date.getHours();
var greet;

if(hour >= 5 && hour < 12){
    greet = "早上好";
}
else if(hour >= 12 && hour < 18){
    greet = "下午好";
}
else {
    greet = "晚上好";
}

document.write("<p>"+greet+","+name+",欢迎来到我们的网站!</p>");
Salin selepas log masuk
3. Laksanakan sapaan rawak

prompt()Dalam dua contoh pertama, kami menggunakan ucapan yang dipratentukan untuk keluaran. Pada masa ini, kita boleh membuat tatasusunan yang mengandungi berbilang ucapan dan kemudian secara rawak memilih satu untuk output. Kodnya adalah seperti berikut:

Kod ini mula-mula mentakrifkan tatasusunan

yang mengandungi berbilang ucapan, dan kemudian menggunakan kaedah

dan
var greetings = ["您好!", "欢迎光临!", "祝您今天有一个愉快的一天!", "早上好!", "下午好!", "晚上好!", "最近好吗?"];
var randomGreet = greetings[Math.floor(Math.random()*greetings.length)];
document.write("<p>"+randomGreet+"</p>");
Salin selepas log masuk
untuk memilih ucapan secara rawak dan menambahkannya Output ke laman web tersebut.

greetingsRingkasan: Math.random()Math.floor()Fungsi ucapan melalui JavaScript boleh dilaksanakan melalui ucapan yang dipratentukan, nama yang dimasukkan pengguna dan pemilihan rawak. Apabila membangunkan tapak web atau apl, ciri sapaan boleh memudahkan pengguna berasa mesra dan mesra, menjadikan pengalaman lebih selesa.

Atas ialah kandungan terperinci Cara menggunakan JavaScript untuk melaksanakan fungsi ucapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan