SSE 实时进度通知 HTML 页面｜AI 生成示例与提示词
代码预览
エディタを読み込み中…
P
提示词
Create a single HTML page that demonstrates Server-Sent Events (SSE) for real-time progress notification. Include a button to start a simulated long task, a progress bar, and a log area. Use a simple JavaScript EventSource to receive progress updates from a server-side script (simulated with a 5-second interval). Style with a modern, clean design.
このページは、Server-Sent Events（SSE）を使用したリアルタイム進捗通知システムのデモです。開始ボタンをクリックすると、長いタスクをシミュレートし、1秒ごとに進捗状況が更新されます。プログレスバーとログがリアルタイムに更新され、ライブステータス更新にSSEを使用する方法を示します。
提示词解读
此页面是一个使用服务器发送事件（SSE）的实时进度通知系统演示。点击开始按钮后，会模拟一个长时间运行的任务，每秒更新一次进度。进度条和日志会实时更新，展示如何使用SSE实现实时状态更新。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選