Javascript 如何在文本区域的右角显示当前时间,在左角显示台面文本?
在我的客户端聊天应用程序jsp页面中,我有一个文本区域,显示来自代理端的消息,也显示来自客户的消息 很好,我的javaScript代码是Javascript 如何在文本区域的右角显示当前时间,在左角显示台面文本?,javascript,html,css,jsp,Javascript,Html,Css,Jsp,在我的客户端聊天应用程序jsp页面中,我有一个文本区域,显示来自代理端的消息,也显示来自客户的消息 很好,我的javaScript代码是 function sendMessage(){ message =trim( document.getElementById("message").value); document.getElementById("message").value = ""; if(message != null && message !
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);
}
}
}
在这一点上,我需要将当前时间包括在文本区域右角的文本区域中,并将每条消息添加到文本区域中
我可以用消息附加当前时间,但我需要用每条消息附加到文本区的右角
我该怎么做。请给出一些想法或代码。这里有一个显示当前日期/时间的函数: 如果需要,可以只提取时间的时间线
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);
函数更新(){
时间=新日期();
年份=(time.getFullYear());
月份=(time.getMonth()+1);
date=time.getDate();
小时=时间。getHours();
分钟=时间。getMinutes();
secs=time.getSeconds();
如果(mins.Lengtha据我所知,textarea只能包含常规文本。因此,这意味着您无法对textarea的特定部分应用任何格式。您可能可以通过在时间戳中填充一些空格来获得最接近的格式,但这最多也很容易出错。如果这还不够好,您必须将文本框拆分为多个部分,pret很可能每个时间戳有一个部分。您是想在文本框上向用户/代理显示当前时间,还是想在发送消息文本时将当前时间附加到消息文本中?感谢您的支持。我如何将文本区域拆分为两个部分?一个用于消息,另一个用于显示当前时间。@miracc我正在尝试显示消息发送的时间。它应该与消息一起显示在客户端。
<script>
#right
{
float: right;
}
</script>
<div id="right">
<p>Current Date/Time is: <INPUT name="box1" type="text" size="20"></p>
</div>