Javascript 如何从服务器启动和停止服务器端事件脚本

Javascript 如何从服务器启动和停止服务器端事件脚本,javascript,php,Javascript,Php,我正在学习关于服务器端事件的WC3教程,我很想知道我是否可以在php脚本实际运行(即执行代码)时使用它们来传递事件/通知。理想情况下,我希望使用服务器端事件来显示脚本执行进度,并完全避免服务器轮询 目前,我非常简单的客户端代码如下: <!DOCTYPE html> <html> <body> <h1>Getting server updates</h1> <div id="result"></div> <

我正在学习关于服务器端事件的WC3教程,我很想知道我是否可以在php脚本实际运行(即执行代码)时使用它们来传递事件/通知。理想情况下,我希望使用服务器端事件来显示脚本执行进度,并完全避免服务器轮询

目前,我非常简单的客户端代码如下:

<!DOCTYPE html>
<html>
<body>

<h1>Getting server updates</h1>
<div id="result"></div>

<script>
if(typeof(EventSource) !== "undefined") {
    var source = new EventSource("https://xyz.php");
    source.onmessage = function(event) {
        document.getElementById("result").innerHTML += event.data + "<br>";
    };
}
</script>

</body>
</html>
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

function send_message() 
{
$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
} 

send_message();

?>

获取服务器更新
if(typeof(EventSource)!=“未定义”){
变量源=新事件源(“https://xyz.php");
source.onmessage=函数(事件){
document.getElementById(“结果”).innerHTML+=event.data+“
”; }; }
我的客户代码如下:

<!DOCTYPE html>
<html>
<body>

<h1>Getting server updates</h1>
<div id="result"></div>

<script>
if(typeof(EventSource) !== "undefined") {
    var source = new EventSource("https://xyz.php");
    source.onmessage = function(event) {
        document.getElementById("result").innerHTML += event.data + "<br>";
    };
}
</script>

</body>
</html>
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

function send_message() 
{
$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
} 

send_message();

?>

我知道上面是一个非常简单的例子,但是我不知道如何启动和停止通知,而只有在服务器端脚本运行时才执行此操作-一个简单的服务器脚本示例是,当计时器计数从1到10时,仅每秒发送通知,然后停止

这有可能吗