liMarquee / wayEnd Refresh

RESULT

CODE

 
<!--If you have already use jquery, then this line is not necessary--> 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 


<!-- Plugins files-->
<link rel="stylesheet" href="css/liMarquee.css">
<script src="js/jquery.liMarquee.js"></script> 

<!-- Initialization of plugin --> 
<script>
$(window).on('load',function(){
	
	////Change Content Functions
	var changeContentFunc = function(){
		$.ajax({
			method:'get',
			url:'wayend_refresh.php',
			dataType:'html',
			success:function (html) {
				
				//Remove the old data
				strEl.liMarquee('removeContent');
				
				//Insert new data
				strEl.liMarquee('addContent',html);	
				
			}
		});
	};
	
	//Call plugin
	var strEl = $('.str4');
	strEl.liMarquee({
		removeContentFadeDuration:0,
		
		//Changing the content at the end of the way
		wayEnd: function(){
			changeContentFunc();	
		}
	});

	//Paste the starting content into the ticker
	changeContentFunc();
})
</script> 

<!-- HTML code-->
<div class="str4 mWrap"></div>

/* -- PHP code (ajax_and_refresh.php) -- */
<?php
$update_titme = date("Y-m-d H:i:s");
echo '
	<span class="comItem">
		<b>Last Update: </b>
		<span>
			'.$update_titme.'
		</span>
	</span>
	';
?>