Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以使用JS测试一个日期,然后显示HTML代码吗?_Javascript_Html - Fatal编程技术网

Javascript 我可以使用JS测试一个日期,然后显示HTML代码吗?

Javascript 我可以使用JS测试一个日期,然后显示HTML代码吗?,javascript,html,Javascript,Html,我有4行HTML代码 <img class="currentbanner" width="100%" src="src/play1.png"> <img class="currentbanner" width="100%" src="src/play2.png"> <img class="currentbanner" width="100%" src="src/play3.png"> <img class="currentbanner" width="1

我有4行HTML代码

<img class="currentbanner" width="100%" src="src/play1.png">
<img class="currentbanner" width="100%" src="src/play2.png">
<img class="currentbanner" width="100%" src="src/play3.png">
<img class="currentbanner" width="100%" src="src/play4.png">

我只需要根据日期显示特定的png文件

如果今天的日期介于2019年11月10日(MM/DD/YYYY)和2020年3月29日之间,则显示play1.png。如果今天的日期介于2020年3月30日和2020年6月21日之间,则显示play2.png。等等

到目前为止我有

var dateFrom = "11/10/2019";
var dateTo = "03/29/2020";
var check = Date();

var from = Date.parse(dateFrom);
var to   = Date.parse(dateTo);
var check = Date.parse(dateCheck );

if((check <= to && check >= from)) {     
    ?HTML CODE HERE?    
}
else {
    ?LOOP AGAIN 3 TIMES?
}
var dateFrom=“2019年10月11日”;
var dateTo=“03/29/2020”;
var check=Date();
var from=Date.parse(dateFrom);
var to=Date.parse(dateTo);
var check=Date.parse(dateCheck);
如果((check=from)){
?这里有HTML代码吗?
}
否则{
?再次循环3次?
}

编辑:我还需要那些HTML行落在div标记之间,以便它们能够获取一些CSS代码

只是基本的日期比较。我会有一个图像,只需设置源

var currentDate=新日期()
var img=document.querySelector(“.bannerImage”)
如果(当前日期<新日期(“2019年1月12日”)){
img.src=”http://placekitten.com/200/300"
}否则,如果(当前日期<新日期(“2020年1月2日”)){
img.src=”http://placekitten.com/300/300"
}否则,如果(当前日期<新日期(“2020年1月4日”)){
img.src=”http://placekitten.com/400/300"
}否则{
img.src=”http://placekitten.com/500/300"
}

拥有一个图像标签可能更容易:

<img id="bannerImg" class="currentbanner" width="100%" src="src/placeHolder.png">

然后相应地设置图像:

var currentDate = new Date()
var img = document.getElementById("bannerImg")

if (currentDate < new Date("12/01/2019")) {
  img.src = "src/play1.png"
} else if (currentDate < new Date("2/01/2020")) {
  img.src = "src/play2.png"
} else if (currentDate < new Date("4/01/2020")) {
  img.src = "src/play3.png"
} else {
  img.src = "src/play4.png"
}
var currentDate=新日期()
var img=document.getElementById(“bannerImg”)
如果(当前日期<新日期(“2019年1月12日”)){
img.src=“src/play1.png”
}否则,如果(当前日期<新日期(“2020年1月2日”)){
img.src=“src/play2.png”
}否则,如果(当前日期<新日期(“2020年1月4日”)){
img.src=“src/play3.png”
}否则{
img.src=“src/play4.png”
}

我想您需要
var check=new Date()将其设置为当前日期。@Sumneevans谢谢。我加了这个。要让它工作,它必须在服务器上吗?它只是每次显示占位符,而不考虑我输入的日期…不应该在客户端上运行。我注意到我在图像路径中有输入错误,我在尝试时修复了它们,这只是添加了一个换行符。好像页面没有正确放置图像。。。这是否正确提取了我的CSS?听起来页面上有JavaScript错误。可能将脚本放在头部,并在元素添加到页面之前运行