Update app.py

app.py

@@ -54,12 +54,15 @@ def index():
 
     # JavaScriptコードを追加する部分
     js_code = """
-    <script>
-        setInterval(() => {
-            fetch('https://huggingface.co/spaces/soiz/cookie/raw/main/tof')
-                .then(response => response.json())
-                .then(data => {
-                    if (data === 1) {
+<script>
+    setInterval(() => {
+        fetch('https://huggingface.co/spaces/soiz/cookie/raw/main/tof')
+            .then(response => response.json())
+            .then(data => {
+                if (data === 1) {
+                    // 既存の画像を削除
+                    const existingImg = document.querySelector('img');
+                    if (!existingImg) {  // 画像がまだ存在しない場合のみ追加
                         const img = document.createElement('img');
                         img.src = 'https://huggingface.co/spaces/soiz/cookie/raw/main/1.png';
                         img.style.position = 'fixed';
@@ -67,20 +70,26 @@ def index():
                         img.style.left = '0';
                         img.style.width = '100vw';
                         img.style.height = '100vh';
-                        img.style.zIndex = '9999';
+                        img.style.zIndex = '999999999999999999999999999999999999999999999999999999999999999999999999999999999999999';
                         document.body.appendChild(img);
-                    } else if (data === 0) {
-                        const existingImg = document.querySelector('img');
-                        if (existingImg) {
-                            existingImg.remove();
-                        }
                     }
-                })
-                .catch(error => {
-                    // エラー時の処理は特にしない
-                });
-        }, 10000);  // 10秒ごとにリクエストを送信
-    </script>
+                } else if (data === 0) {
+                    // 画像が存在する場合にのみ削除
+                    const existingImg = document.querySelector('img');
+                    if (existingImg) {
+                        // 画像を削除
+                        existingImg.remove();
+                        // 念のためhidden=trueを設定
+                        existingImg.hidden = true;
+                    }
+                }
+            })
+            .catch(error => {
+                // エラー時の処理は特にしない
+            });
+    }, 10000);  // 10秒ごとにリクエストを送信
+</script>
+
     """
 
     # index.htmlのbodyタグの前にJavaScriptを追加