基于jQuery实现简单人工智能聊天室

$(document).ready(function() {

 //send the message by click

 $(".chat-send").click(sendMsg);

 //press enter to send

 $("form").keypress(function(event) {

  if(event.keyCode === 13) {

   event.preventDefault();

   sendMsg();

  }

 });

 //clear the chat box

 $(".chat-clear").click(clearChatBox);

});

//send message to chat box

functionsendMsg() {

 varmsg = $(".chat-message");

 varmsgVal = msg.val();

 varchatBox = $(".chat-box");

 if(msgVal) {

  varmsgAppend ="

You: "+ msgVal +"

  chatBox.append(msgAppend);

 }else{}

 //dialog reply

 dialog(msgVal);

 //empty input

 msg.val("");

 //keep the scroll in bottom

 chatBox.scrollTop(chatBox[0].scrollHeight);

}

//set up the AI dialog

functiondialog(msg){

 varreplyArr = ["Hi, how's it going :)","I'm good, thx, U? :)"];

 msg = msg.toLowerCase();

 vartime =newDate();

 varhour = time.getHours();

 varminute = time.getMinutes();

 varcurrentTime = plusZero(hour) +":"+ plusZero(minute);

 varchatBox = $(".chat-box");

 if(msg.indexOf("hello") != -1){

  chatBox.append("

AI: "+ replyArr[0] +"

 }

 elseif(msg.indexOf("how are you") != -1 || msg.indexOf("how are u") != -1){

  chatBox.append("

AI: "+ replyArr[1] +"

 }

 elseif(msg.indexOf("time") != -1){

  chatBox.append("

AI: Current Time: "+ currentTime +". "+ timeGreeting(hour) +"~ :)

 }

 else{}

}

//add 0 if time number is <10

functionplusZero(x){

 if(x < 10){

  x ="0"+ x;

 }

 else{

  x = x;

 }

 returnx;

}

//greeting by hour

functiontimeGreeting(h){

 vargreeting = ["U need to sleep","Good morning","Lunch time now","Feel asleep? Have some coffee","Free time~Yeah","Good night"];

 if(h>=0&&h<=6){

  returngreeting[0];

 }

 elseif(h>=7&&h<=10){

  returngreeting[1];

 }

 elseif(h>=11&&h<=13){

  returngreeting[2];

 }

 elseif(h>=14&&h<=18){

  returngreeting[3];

 }

 elseif(h>=19&&h<=21){

  returngreeting[4];

 }

 elseif(h>=22&&h<=23){

  returngreeting[5];

 }

 else{

  return"";

 }

}

//clear the chat box

functionclearChatBox() {

 $(".chat-box").html("");

}