JerryZhuZhu520 2022-11-01 13:42 采纳率: 0%
浏览 27

html同步两个界面的数据

楼下做核酸经常拥堵,我试着做了一个程序,但有个地方卡住。就是这边我希望管理页面按了拥堵的按钮,然后在正常没有按钮的页面也可以同步拥堵的情况,不知道怎么实现!求解!在 线 等!求 求 啦!

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>中海金玺公馆核酸检测实时拥堵情况管理界面</title>
    </head>
    <body>
        <h1>中海金玺公馆核酸检测实时拥堵情况  管理界面</h1>
        <div class="box"></div>
        <script>
            function getTime() {
                var date = new Date();
                var year = date.getFullYear(); //获取年份
                var month = date.getMonth() + 1; //获取月份
                var day = date.getDate(); //获取日期
                var hour = date.getHours(); //获取小时
                hour = hour < 10 ? '0' + hour : hour;
                var minute = date.getMinutes(); // 获取分
                minute = minute < 10 ? '0' + minute : minute;
                var seconds = date.getSeconds(); //获取秒
                seconds = seconds < 10 ? '0' + seconds : seconds;
                return year + '年' + month + '月' + day + '日 ' + hour + ':' + minute + ':' + seconds;
            }
            
            setInterval(function() {
                document.querySelector('.box').innerHTML = getTime();
            }, 1000)
        </script>
        <h2>目前拥堵情况</h2>
        <h3 id="claa">通畅</h3>
        <button id="clab" type="button" onclick="myFunction()">
            拥堵
        </button>
        <button id="clac" type="button" onclick="myFunctio()">
            通畅
        </button>
                
    </body>
    <script>
        function myFunction() {
            x = document.getElementById("claa");
            x.innerHTML = "拥堵";
            y = document.getElementById("clab")
            y.innerHTML = "拥堵"
        }
    </script>
    <script>
        function myFunctio(){
            x = document.getElementById("claa");
            x.innerHTML = "通畅";
            z = document.getElementById("clac")
            z.innerHTML = "通畅"
        }
    </script>
</html>

  • 写回答

3条回答 默认 最新

  • 明先生啊。 2022-11-01 13:56
    关注

    WebSocket

    评论

报告相同问题?

问题事件

  • 创建了问题 11月1日

悬赏问题

  • ¥20 关于游戏c++语言代码问题
  • ¥15 如何制作永久二维码,最好是微信也可以扫开的。(相关搜索:管理系统)
  • ¥15 delphi indy cookie 有效期
  • ¥15 labelme打不开怎么办
  • ¥35 按照图片上的两个任务要求,用keil5写出运行代码,并在proteus上仿真成功,🙏
  • ¥15 免费的电脑视频剪辑类软件如何盈利
  • ¥30 MPI读入tif文件并将文件路径分配给各进程时遇到问题
  • ¥15 pycharm中导入模块出错
  • ¥20 Ros2 moveit2 Windows环境配置,有偿,价格可商议。
  • ¥15 有关“完美的代价”问题的代码漏洞