1

顧客側のチャット アプリケーション jsp ページには、エージェント側からのメッセージと顧客からのメッセージを表示するテキスト領域があります。

それはうまくいきます.私のjavaScriptコードは、

function sendMessage(){
    message =trim( document.getElementById("message").value);
    document.getElementById("message").value = "";

    if(message != null && message !="null"  && message !=""){

        try
        {
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    var checkMsg = trim(xmlhttp.responseText.toString());
                    textarea = document.getElementById('textarea'); 

                    if(checkMsg != "null" && checkMsg != null && trim(checkMsg).length != 0) {
                        if(trim(textarea.value) == ""){
                            textarea.value = message = checkMsg;
                            textarea.scrollTop = textarea.scrollHeight;
                        }
                        else{
                            textarea.value += "\n"+checkMsg;
                            textarea.scrollTop = textarea.scrollHeight;
                        }

                    }
                }
            };

            xmlhttp.open("POST", "SendMessageAction",true);
            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            xmlhttp.setRequestHeader("charset","UTF-8");
            xmlhttp.send("sessionId="+encodeURIComponent(sessionId)+"&userId="+encodeURIComponent(userId)+"&securekey="+encodeURIComponent(secureKey)+"&message="+encodeURIComponent(message)+"&sid="+Math.random());

        }
        catch(err)
        {
            alert(err.description);
        }
    }

}

そのため、テキスト領域の右側隅にあるテキスト領域にすべてのメッセージを追加して、現在の時刻を含める必要があります。

現在の時刻をメッセージに追加できますが、すべてのメッセージでテキストエリアの右側隅に追加する必要がありますか?

これを行うにはどうすればよいですか。アイデアやコードを教えてください。

4

1 に答える 1

0

現在の日付/時刻を表示する関数は次のとおりです。

必要に応じて、時間のみのタイム ラインのみを抽出できます。

function update(){
time = new Date();
year = (time.getFullYear());
month = (time.getMonth() + 1);
date = time.getDate();
hours = time.getHours();
mins = time.getMinutes();
secs = time.getSeconds();
if(mins.length<2){mins = "0"+secs}
if(secs.length<2){secs = "0"+secs}
if(month.length<2){month = "0"+secs}
if(date.length<2){date  = "0"+secs}


// Config Starts
if(hours>12){hours=hours-12}else{hours}
format = year+"-"+month+"-"+date+"  @  "+hours+":"+mins+":"+secs;
document.form1.box1.value = format;
// Config Ends
}
setInterval("update()",1000);

結果を表示するには、次を使用します。

<script>
#right
    {
        float: right;
    }
</script>

<div id="right">
<p>Current Date/Time is: <INPUT name="box1" type="text" size="20"></p>
</div>
于 2012-12-29T04:36:57.533 に答える