web聊天自动回复--JS

涵祎是Abby

于 2018-07-12 08:58:51 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript HTML CSS

本文链接：https://blog.youkuaiyun.com/weixin_42344266/article/details/81009790

这是一个使用JavaScript实现的网页聊天自动回复功能的代码示例。当用户输入问题后，程序会根据预设的答案进行回复。代码包括添加时间戳、用户提问与回答的展示、滚动条自动到底部以及点击问题获取答案的逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function(){
	$(".getnowtime").append(getNowFormatDate());
})
function up_say(){
	$('.write_list').remove();
    var text = $('.write_box .content').val();
        str  = '<div class="question">';
        str += '<div class="heard_img fr"><img src="img/touxiang2.png"></div>';
        str += '<div class="question_text clearfix"><div class="defaultbtn"><div class="name">张力 '+getNowFormatDate()+'</div>'+text+'</div>';
        str += '</div></div>';
    if(text == ''){
        alert('请输入提问！');
        $('.write_box .content').focus();
    }else{
        $('.speak_box').append(str);
        $('.write_box .content').val('');
        $('.write_box .content').focus();
        autoWidth();
        for_bottom();
        setTimeout(function(){
            var ans  = '<div class="answer"><div class="heard_img fl"><img src="img/touxiang.jpg"></div>';
            	ans +=