1

特定の日付までコンテンツを非表示/無効/ロックしたい HTML5 / CSS ページがあります。

これを行うHTML5 / JSの方法を知っている人はいますか?表示が可能になるまでメッセージを表示する可能性があります.

機能についてさらに説明が必要な場合は、お尋ねください。

前もって感謝します

4

3 に答える 3

2

ご意見をありがとうございます。この HTML、CSS、および JavaScript を使用して、これを機能させることができます。

<div>- 要素と - 要素を-<script>要素の最初の子として配置します<body>。このようにして、日付が正しいときに最初に削除されることが保証されます。ライブラリがロードされるのを待つか、ページの下部にスクリプトを配置すると、ユーザーはそれが少しの間点滅するのを見るかもしれません。

これの欠点は、たとえ見えなくても、ユーザーがページ全体をロードしなければならないことです。これは iOS アプリであるとのことですが、不必要なトラフィックを避けるために、ロックされた画面のみが必要な間読み込まれるという解決策を導入することができます。

HTML + JavaScript

<div class="locked" id="locked"></div>
<script>    
    var end = new Date('2013-01-01');
    var now = new Date();
    if (end - now <= 0) {
        var e = document.getElementById('locked');
        e.parentElement.removeChild(e);
    }
</script>

CSS

div.locked {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
}

デモ

購入前にお試しください

于 2013-09-09T10:44:56.710 に答える
0

http://jsfiddle.net/SKUJj/ このフィドルはページを 10 秒間ロックしてから、ロッカーを非表示にします。幅と高さが 100% のオーバーフロー div を作成する必要があります。

また、ロック解除時間を知るには、どこかに保存する必要があります。

 setTimeout(function(){
  //unlock the screen;
 },timeStored-Date.now())

timeStored-Date.now()ロック解除を待機するミリ秒はどこですか

于 2013-09-09T10:02:55.623 に答える
0

HTML<input>コントロールの場合 (編集不可のフォームを作成するため)、アプリケーション コードまたは JS からの入力に属性を設定できdisabledますreadonly。

他のコンテンツについては、ページで必要な方法で (サーバーから) レンダリングする必要があります。誰かがリモートで望む場合、ページ内のすべてが表示可能/またはハッキング可能です。

したがって、ロックを提供するサーバーにロックを設定します。ページのロックが保証されるとは思わないでください。

于 2013-09-09T09:57:55.467 に答える