javascript - 使用 Javascript 更改字幕内容

标签 javascript html dom

在有人说之前,我知道有比使用字幕更好的方法,但是,在本例中我使用的是一个。

根据日期的不同,我希望字幕显示不同的内容。为什么选取框没有改变并且总是显示默认?

Javascript

var d = new Date();
var n = d.getDate();

if (n > 0 && n < 8){
	var bday ="Birthday Kids name and age 1"
	}else if(n > 7 && n < 15){
		var bday ="Birthday Kids name and age 2"
	}else if(n > 14 && n < 22){
		var bday ="Birthday Kids name and age 3"
	}else if(n > 21 && n < 29){
		var bday ="Birthday Kids name and age 4"
	}else if(n > 28 && n < 32){
		var bday ="BirthdayKids name and age 5"
	}
	
document.getElementById("birthdays").textContent = "We wish a very happy birthday to "+bday;
<marquee bgcolor="#088A08" id="birthdays" direction="left" loop="20" width="100%">Default</marquee>

最佳答案

请参阅fiddle

Javascript

var d = new Date();
var n = d.getDate();
if (n > 0 && n < 8){
    var bday ="Birthday Kids name and age 1";
    }else if(n > 7 && n < 15){
        var bday ="Birthday Kids name and age 2";
    }else if(n > 14 && n < 22){
        var bday ="Birthday Kids name and age 3";
    }else if(n > 21 && n < 29){
        var bday ="Birthday Kids name and age 4";
    }else if(n > 28 && n < 32){
        var bday ="BirthdayKids name and age 5";
    }

document.getElementById("birthdays").textContent ="We wish a very happy birthday to "+bday;

请注意,我已从您的代码中删除了 ==,这解决了问题,因为存在语法错误问题。

== 用于比较,对于赋值,仅使用 = ..

关于javascript - 使用 Javascript 更改字幕内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28115799/

相关文章:

javascript - 如何实现 Firebase 服务器端安全

javascript - 关于jquery选择器如何遍历dom的一些问题

javascript - 如何在 Bootstrap 中使用多列而不是从第 1 列开始?

javascript - 在 JavaScript 而不是 JQuery 中的按钮上触发单击事件后访问 childNode 或同级属性

javascript - JQuery 脚本适用于 Firefox,但在 Chrome 中抛出 "undefined is not a function"

javascript - 在javascript中有效地分割贝塞尔曲线

javascript - jQuery 下拉菜单显示不正确

html - 居中菜单栏 CSS/HTML

python - 识别标签结构不同的分支

javascript - 如何从自定义组件获取状态值到另一个父组件