javascript - 使用 HTML/Javascript 更改循环文本的字体的问题
问题描述
我试图让同一段文字消失并重新出现在我的网站上,同时每次都更改字体。我不知道为什么,但字体只显示为if/elseif/else
块中的第一个字体。在这种情况下,它总是显示'Chango'
。
var element = document.getElementsByClassName('name')[0];
const tl = gsap.timeline( {default: {ease: "power1.out"} } );
for (i = 0; i < 10; i++) {
if (i % 3 == 0) {
element.style.fontFamily = 'Chango';
} else if (i % 3 == 1) {
element.style.fontFamily = 'Pangolin';
} else {
element.style.fontFamily = 'Train One';
}
//console.log(i % 3);
//console.log(element.style.fontFamily);
tl.to(".name", {y: "0%", duration: 1});
tl.to(".name", {y: "-100%", duration: 1, delay: 0.5});
tl.to(".name", {y: "100%", duration: 0});
}
解决方案
推荐阅读
- ascii - 在 Snowflake 的 SELECT 语句中将非 ascii 或非英文字符替换为 ascii 或英文字符
- javascript - 如何只获取一次(获取一次后停止获取数据)
- arrays - 附加 CoreData Fetched Results 元素的数组是否必须是同一类型?
- hl7-fhir - 如何使用 Epic on FHIR API 获取所有 CareTeam 和 Patient FHIR 资源?
- python - 在远程 GPU 上运行 python 类函数
- bootstrap-5 - Bootstrap 手风琴不会在一页上展开
- python - 字符串索引超出范围 - 基于 Python 逻辑的错误?
- flutter - 颤振谷歌在选择后自动完成不显示任何内容
- r - How to bin a long continuous string into section of nth characters?
- android - React native android build is failing after configured kotlin-gradle-plugin, kotlin-android and kotlin-android-extensions