I want to stop SSE after some interval and need to reconnect again.
Using setInterval(function(){})
in JavaScript gives error:
source.close(); // <<-- ERROR : object is not defined
Can anyone guide me for solution please?
<script>
if(typeof(EventSource) !== "undefined"){
var source = new EventSource("sse_server.php");
// ReConnecting ST
setInterval(function(){
console.log("ReConnecting...");
source.close(); // <<---------- ERROR : object is not defined
var source = new EventSource("sse_server.php");
}, 6000);
// ReConnecting EN
source.addEventListener("response", function(event) {
document.getElementById("result").innerHTML += "<p>" + event.data + "</p>";
});
source.addEventListener("message_status", function(event) {
document.getElementById("result").innerHTML += "<p>" + event.data + "</p>";
});
source.onmessage = function(event) {
var json = JSON.parse(event.data);
if(json.category=="chat") {
document.getElementById("result").innerHTML += "<p>" + json.content.messageContent.messageText + "</p>";
}else{
document.getElementById("result").innerHTML += "<p>" + event.data + "</p>";
}
};
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>