根据日期在网站上显示不同的徽标

Question

我一直在尝试根据日期在我的网站上显示不同的徽标(添加一个圣诞节徽标，将在12月自动显示)。这是我现在得到的:

<img class="logo" id="global_logo" style="height:56%; margin-top:12px;" src="">
<script>
function initLogo(){
var GlobalDate = date.getMonth()+1;
var GlobalLogo = document.getElementById("global_logo");
if (GlobalDate == 12) {
GlobalLogo.src = "xmas_mgmods-animated.gif"
}else{
GlobalLogo.src = "logo1.png"
}
/**/
alert('Script working');
}
initLogo();
</script>

我有两个问题:首先，标志根本没有显示(没有标志)第二:我想知道我是否可以设置脚本来改变应用于每个徽标的样式(style="height:56%; margin-top:12px;"只需要用于gif，而不需要用于png)。

我已经尝试添加一行，而不是根据ID更改源:

function initLogo(){
var GlobalDate = date.getMonth()+1;
var content = document.getElementById("global_logo");
var GlobalIcon = "";
if (GlobalDate == 12) {
html += "<img class='logo' src='logo1.png'>";
}else{
html += "<img class='logo' style='height:56%; margin-top:12px;' src='xmas_mgmods-animated.gif'>";
}
content.innerHTML += GlobalIcon;
alert('Script working');
}

It doesn't work…

Answer 1

您正在使用date而没有在任何地方定义它，假设您从其他地方复制了它;它应该是Date的一个实例。

function initLogo(){
const date = new Date();

var GlobalDate = date.getMonth()+1;
var GlobalLogo = document.getElementById("global_logo");

if(GlobalDate == 12) {
GlobalLogo.innerHTML = `<img class="logo" src="xmas_mgmods-animated.gif" style="height:56%; margin-top:12px;">`;
}
else {
GlobalLogo.innerHTML = `<img class="logo" src="logo1.png">`;
}
}
initLogo();

<div id="global_logo"></div>