私はそれを隠しました

2015年11月12日#分享境1460

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

在Sonic 853上看到了一个神奇的场景，一颗赛艇改变了页面的标题。这是通过使用HTML5的Page Visibility API实现的。API提供了两个属性和一个事件，可以检测页面的可见性状态。当页面可见性状态改变时，会触发visibilitychange事件。以前只能通过iframe和onblur/onfocus事件来检测页面可见性，但现在有了这个API就更加方便和优雅了。代码中，当页面不可见时，标题会改变为"(つェ⊂)我藏好了哦~"，当页面可见时，标题会改变为"(´∇｀) 被你发现啦~"，并在2秒后恢复原标题。

titlehide

Sonic 853で見た驚くべき光景、一艘のボート、さっそく水をかけて投稿します

原作者：成天不高兴的栗山未来

** 何のこと：** ページの離脱と入場時にタイトルを変更する

原理：

HTML5 の Page Visibility API を使用しています

現在、ページの可視性 API には 2 つのプロパティと 1 つのイベントがあります：

document.hidden：現在のページが可視か非可視かを示すブール値

document.visibilityState：現在のページの可視状態を返す。値は hidden、visible、prerender、preview のいずれかです

visibilitychange：可視状態が変化したときに発生するイベント

以前は、iframe + onblur/onfocus イベントを使用してページの可視性を検出することしか知りませんでしたが、この API があると本当に便利でエレガントになりましたね

コード：

var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '(つェ⊂)私は隠れていますよ~ ' + OriginTitile;
        clearTimeout(titleTime);
    }
    else {
        document.title = '(*´∇｀*) あなたに見つかりました~ ' + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        }, 2000);
    }
});