我有一个 HTML5/CSS 页面,我想在某个日期之前隐藏/禁用/锁定内容。
有没有人知道任何 HTML5/JS 的方式来执行此操作并可能在查看可用之前显示一条消息。
请询问您是否需要对该功能进行更多说明。
提前致谢
最佳答案
感谢您的评论。您可以使用此 HTML、CSS 和 JavaScript 来使它正常工作。
放置 <div>
- 和 <script>
- 作为您的第一个 child 的元素 <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;
}
演示
关于javascript - HTML/JS "Lock/Hide"内容直到日期设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18695651/