2020年3月18日 星期三

jQuery ajax 定期更新跳訊息

<!DOCTYPE html>
<html>
<head>
<title></title>

<script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript" ></script>
<script src="notice.js" type="text/javascript" ></script>
</head>
<body>
HELLO
<script>
$(document).ready(function () {
setInterval("startRequest()",1000);
});
function startRequest()
{
htmlobj=$.ajax({url:"ajax_info.txt",async:false});
$("#date").text((new Date()).toString());
$("#myDiv").html(htmlobj.responseText);

var dt = new Date();
if (dt.getSeconds()==0) {
pop();
}

}

function pop() {
var returnMsg = "內容";
$.show("標題",returnMsg,10000);
}

</script>

<div id="date">aaa</div>
<div id="myDiv"><h2>AJAX</h2></div>
</body>
</html>

沒有留言:

張貼留言