So verwenden Sie JavaScript, um die Begrüßungsfunktion zu implementieren-Front-End-Fragen und Antworten-php.cn

So verwenden Sie JavaScript, um die Begrüßungsfunktion zu implementieren

PHPz

Freigeben： 2023-04-24 15:17:51

Original

1256 Leute haben es durchsucht

In unserem täglichen Leben sind Begrüßungen eine sehr verbreitete Art der Kommunikation. Ob man sich mit Freunden trifft oder mit Kollegen kommuniziert, Menschen wollen durch Begrüßungen Höflichkeit und Begeisterung zeigen. Das Gleiche gilt für die Online-Kommunikation. Wir können als Entwickler die Begrüßungsfunktion über JavaScript implementieren, um die Website oder Anwendung benutzerfreundlicher zu gestalten.

1. Grundlegende Begrüßungen

Zuerst müssen wir einige grundlegende Begrüßungen definieren:

Guten Morgen
Guten Tag
Guten Abend

Wir können die entsprechende Begrüßung ausgeben Die aktuelle Zeit abrufen und beurteilen. Der Code lautet wie folgt:

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("晚上好");
}

Nach dem Login kopieren

Dieser Code ruft zuerst das aktuelle Zeitobjekt über new Date() ab und verwendet dann getHours()</code > Methode ruft die aktuelle Stunde ab. Treffen Sie als nächstes eine Beurteilung in der if-else-Anweisung. Wenn die aktuelle Zeit morgens ist (zwischen 5 Uhr und 12 Uhr), geben Sie „Guten Morgen“ aus. Uhr und 18 Uhr), dann Ausgabe „Guten Tag“, ansonsten Ausgabe „Guten Abend“. <code>new Date()获取当前时间对象，然后使用getHours()方法获取当前的小时数。接下来，在if-else语句中进行判断，如果当前时间在早上（5点到12点之间），则输出“早上好”，如果在中午（12点到18点之间），则输出“下午好”，否则输出“晚上好”。

二、根据用户输入的名字输出问候语

除了基本的问候语，我们还可以让我们的问候语更加个性化，例如根据用户输入的名字输出问候语。代码如下：

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>");

Nach dem Login kopieren

这段代码首先使用prompt()方法弹出一个输入框，要求用户输入自己的名字。接下来，根据获取到的当前小时数和之前的代码段一样进行判断，不同的是在判断语句中将问候语存储在一个变量中。最后，将问候语和用户输入的名字输出到网页中。

三、实现随机问候语

在前两个例子中，我们都是使用预定义的问候语来进行输出，有时候我们可能需要更有趣、更生动的问候语。这时候，我们可以通过建立一个包含多个问候语的数组，然后随机选择一个进行输出。代码如下：

var greetings = ["您好！", "欢迎光临！", "祝您今天有一个愉快的一天！", "早上好！", "下午好！", "晚上好！", "最近好吗？"];
var randomGreet = greetings[Math.floor(Math.random()*greetings.length)];
document.write("<p>"+randomGreet+"</p>");

Nach dem Login kopieren

这段代码首先定义了一个包含多个问候语的数组greetings，然后使用了Math.random()和Math.floor()

2. Begrüßungen basierend auf dem vom Benutzer eingegebenen Namen ausgeben

Zusätzlich zu den einfachen Begrüßungen können wir unsere Begrüßungen auch personalisierter gestalten, indem wir beispielsweise Begrüßungen basierend auf den vom Benutzer eingegebenen Namen ausgeben. Der Code lautet wie folgt:

rrreee

Dieser Code verwendet zunächst die Methode prompt(), um ein Eingabefeld zu öffnen und den Benutzer zur Eingabe seines Namens aufzufordern. Als nächstes erfolgt die Beurteilung auf der Grundlage der erhaltenen aktuellen Stunde und des vorherigen Codesegments. Der Unterschied besteht darin, dass die Begrüßung in einer Variablen in der Beurteilungsanweisung gespeichert wird. Abschließend werden die Begrüßung und der vom Benutzer eingegebene Name auf der Webseite ausgegeben. 🎜🎜3. Implementieren Sie zufällige Begrüßungen🎜🎜In den ersten beiden Beispielen verwenden wir vordefinierte Begrüßungen für die Ausgabe. Manchmal benötigen wir möglicherweise interessantere und lebendigere Begrüßungen. Zu diesem Zeitpunkt können wir ein Array mit mehreren Begrüßungen erstellen und dann zufällig eine für die Ausgabe auswählen. Der Code lautet wie folgt: 🎜rrreee🎜Dieser Code definiert zunächst ein Array greetings, das mehrere Grüße enthält, und verwendet dann Math.random() und Math ()-Methode wählt zufällig eine Begrüßung aus und gibt sie auf der Webseite aus. 🎜🎜Zusammenfassung: 🎜🎜Die Begrüßungsfunktion über JavaScript kann durch vordefinierte Begrüßungen, vom Benutzer eingegebene Namen und zufällige Auswahl implementiert werden. Bei der Entwicklung einer Website oder Anwendung kann die Begrüßungsfunktion dazu beitragen, dass sich Benutzer freundlicher und freundlicher fühlen und das Erlebnis angenehmer wird. 🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JavaScript, um die Begrüßungsfunktion zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!