全国服务热线:4008-888-888

公司新闻

小程序直播带货上线_JS完成的类似微信谈天效果

JS实现的类似微信聊天效果示例       这篇文章主要介绍了JS实现的类似微信聊天效果,可实现模拟微信聊天效果的对话框信息传输,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
var oIpt1=document.getElementsByClassName("input1")[0]; var oIpt3=document.getElementsByClassName("input3")[0]; var oIpt2=document.getElementsByClassName("input2")[0]; var oIpt4=document.getElementsByClassName("input4")[0]; var oText1=document.getElementsByClassName("text1")[0]; var oText2=document.getElementsByClassName("text2")[0]; oIpt2. unction () { var newDate=new Date(); var oHouer=newDate.getHours(); var oMinutes=newDate.getMinutes(); var oSecond=newDate.getSeconds(); var oDiv1=document.createElement("div") var oDiv2=document.createElement("div") var oDiv3=document.createElement("div") var oDiv4=document.createElement("div") oDiv1.style.textAlign="right" oDiv2.style.textAlign="left" oDiv3.style.textAlign="center" oDiv4.style.textAlign="center" oText1.appendChild(oDiv3); oText1.appendChild(oDiv1); oText2.appendChild(oDiv4) oText2.appendChild(oDiv2); oDiv3.innerHTML=oHouer+"时"+oMinutes+"分"+oSecond+"秒" oDiv4.innerHTML=oHouer+"时"+oMinutes+"分"+oSecond+"秒" oDiv1.innerHTML=oIpt1.value; oDiv2.innerHTML=oIpt1.value; oIpt1.value="" oIpt4. unction () { var newDate=new Date(); var oHouer=newDate.getHours(); var oMinutes=newDate.getMinutes(); var oSecond=newDate.getSeconds(); var oDiv1=document.createElement("div") var oDiv2=document.createElement("div") var oDiv3=document.createElement("div") var oDiv4=document.createElement("div") oDiv1.style.textAlign="center" oDiv2.style.textAlign="center" oDiv3.style.textAlign="right" oDiv4.style.textAlign="left" oText2.appendChild(oDiv1); oText1.appendChild(oDiv2); oText2.appendChild(oDiv3); oText1.appendChild(oDiv4); oDiv1.innerHTML=oHouer+"时"+oMinutes+"分"+oSecond+"秒" oDiv2.innerHTML=oHouer+"时"+oMinutes+"分"+oSecond+"秒" oDiv3.innerHTML=oIpt3.value; oDiv4.innerHTML=oIpt3.value; oIpt3.value="" /script /body /html

运行效果如下:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:测试一下运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。




在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服