0
沒有兩個人,如Facebook之間的頁面刷新的溝通,如何在我下面的腳本添加一個setTimeout函數,下面我的代碼註釋有隻聊天消息從數據庫中獲取如何添加setTimeout函數?
聊天窗口
<div class="row msg_container base_sent">
<div class="col-md-1">
<?php if (empty($roww->customer_image[0]) || empty($roww->supplier_image)) { ?>
<img src="<?php echo base_url(); ?>images/default.jpg" class="img-circle" width="30px" height="30px"/>
<?php } else { ?>
<img src="<?php echo 'data:image;base64,' . $roww->supplier_image; ?>" class="img-circle" width="30px" height="30px"/>
<?php } ?>
</div>
<div class="col-md-11 col-xs-11">
<div class="messages msg_sent">
<p>
<!--In this p tag i want to set a set timeout function how to call in ajax success without page reload-->
<a href="#" data-toggle="tooltip" data-placement="right" title="12am"><?php echo $row->message; ?> </a>
</p>
</div>
</div>
</div>
腳本
<script>
$(document).ready(function() {
$('#data_form').on('submit', function (e) {
var form_data = $(this).serialize();
$.ajax({
type: "POST",
url: '<?php echo base_url(); ?>index.php/Profile_cntrl/buyer_communication',
data: form_data,
success: function (data)
{
scrollDown();
var message = $("#messagee").val();
$('#chat_log').append('<div class="row msg_container base_receive"><div class="col-md-12 col-xs-12"><div class="messages msg_receive"><p><a>' + message + '</a></p></div></div></div>');
$('#messagee').val('');
},
error: function()
{
alert('failed');
}
});
e.preventDefault();
});
scrollDown();
function scrollDown() {
$('.msg_container_base').animate({scrollTop: $('.msg_container_base').prop("scrollHeight")}, 200);
}
});
</script>