Javascript不隐藏DIV

Question

我在尝试将 java 脚本插入现有 php 页面（不是我创建的）时遇到问题。

我想要做的是使用一个基于日期隐藏 DIV 的脚本。 div 对时间敏感的项目有很多调用 PayPal，我试图让网页只显示当前可用的选项。

目前，我脑子里有这个：script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1 jquery.min.js"

/脚本

（我确实在代码行之前和之后有 ，但由于某种原因，如果我包含它们，它不会让行显示在这篇文章中！）

我在正文结束前有这个：

var now = new Date();
var futuretime1 = new Date("April 23, 2015 07:57:00");
var futuretime2 = new Date("April 23, 2015 07:58:00");
if(now > futuretime1)
 {
 $("#div1").hide();
if(now > futuretime2)
 {
 $("#div2").hide();
 }
</script>

当页面在 Firefox 中运行时，这似乎甚至无法识别。

我已经尝试了几种不同的 javascript，它们都应该做同样的事情，但似乎没有一个被识别出来。我对编码很陌生，所以我不知道从哪里开始！

真的可以使用一些想法！

Answer 1

您错过了 if 语句的右括号 }

if (now > futuretime1) {
    $("#div1").hide();
}
if (now > futuretime2) {
    $("#div2").hide();
}

Answer 2

检查new Date().getTime()

使用时间戳作为检查时间。我不确定现在时间是否等于未来时间，如果您错过了一个右括号

var now = new Date().getTime();
var futuretime1 = new Date("April 23, 2015 07:57:00").getTime();
var futuretime2 = new Date("April 23, 2015 07:58:00").getTime();

if(now > futuretime1)
 {
 $("#div1").hide();
} 
if(now > futuretime2)
 {
 $("#div2").hide();
 }

alert(new Date().getTime()); // 时间戳

Answer 3

缺少括号并尝试使用 Date.parse 它会给你正确的结果。

var now = new Date();
var futuretime1 = new Date("April 23, 2015 07:57:00");
var futuretime2 = new Date("April 23, 2015 07:58:00");


if( Date.parse(now) > Date.parse(futuretime1) )
{
    $("#div1").hide();
}
if(Date.parse(now) > Date.parse(futuretime2))
{
    $("#div2").hide();
}

Answer 4

我在这里设置了一个代码笔http://codepen.io/michael-hamilton/pen/OVJZaz 供您查看。单击“测试”以运行检查日期并隐藏 div 的功能。我对此工作没有任何问题。确保您的 Javascript 以正确的 HTML 元素为目标。确保要隐藏的 div ID 在 JS 中与在 HTML 中相同。

$("#div-1").hide();

您可以通过更改未来日期并再次运行代码来验证这在 codepen 中是否有效。

对于其他评论者也是如此 - 我检查了 futuretime1 和 futuretime2 与 now 的值，它们的格式都相同

Answer 5

You can do this way

// 这将完美运行

<?php
$today_date_time = date('Y-m-d H:i:s');
var $futuretime1 = new Date("April 23, 2015 07:57:00");
var $futuretime2 = new Date("April 23, 2015 07:58:00");
?>
<script>
var now = '<?php echo strtotime($today_date_time)?>';
var futuretime1 = '<?php echo strtotime($futuretime1)?>';
var futuretime2 = '<?php echo strtotime($futuretime2)?>';
if(now>futuretime1)
{
$("#div1").hide();
}
if(now>futuretime2)
{
$("#div2").hide();
}
</script>