我正在创建一个标题，它每秒都会更改字体，但是我该如何更改变量以将其设置为另一种字体呢？css/javascript

rhfm7lfc 于 2023-01-16 发布在 Java

关注(0)|答案(1)|浏览(79)

我正在创建一个标题，每秒钟更改一次字体，但如何更改变量以将其设置为另一种字体。https://replit.com/@WHATman69/WoodenOrchidRevisioncontrol#script.js for code.
我试着看教程，但一切都太混乱

var root = document.querySelector(":root");
var rootstyles = getComputedStyle(root);
var red = rootstyles.getPropertyValue(--red);
console.log("red: ", red);

:root {
  --red: "verdana";
}

h1,
p {
  font-family: var(--red);
}

<h1 style="text-align: center;">Fortune cookie!</h1>
<p style="text-align: center;">Check your luck by clicking the cookie!</p>

JavaScript

来源：https://stackoverflow.com/questions/75117531/i-am-creating-a-heading-which-changes-font-every-second-but-how-to-do-i-change

1条答案

按热度按时间

lsmepo6l1#

const root = document.querySelector(":root");

const fonts = ['Arial', 'verdana']
let index = 0

setInterval(() => {
  root.style.setProperty('--font', fonts[index % fonts.length])
  index += 1
}, 1000)

:root {
  --font: "verdana";
}

h1,
p {
  font-family: var(--font);
}

<h1 style="text-align: center;">Fortune cookie!</h1>
<p style="text-align: center;">Check your luck by clicking the cookie!</p>

赞(0）回复(0）举报 2023-01-16

我来回答

我正在创建一个标题，它每秒都会更改字体，但是我该如何更改变量以将其设置为另一种字体呢？css/javascript

1条答案

相关问题

热门标签

最新问答