Javascript 如何让html运行一个没有开始或结束的代码？

我的代码通过一个按钮使这个形状不断从绿色的Hi变为蓝色的Hello，我想让它自动改变

函数{ 数组.fromdocument.getElementsByClassName'L1'.ForEach=>helpere； 数组.fromdocument.getElementsByClassName'L2'.ForEach=>helpere； } helper=e=>{ 如果e.innerText=='Hi'{ e、 style.backgroundColor='蓝色'； e、 innerText='Hello'； }否则{ e、 style.backgroundColor='绿色'； e、 innerText='Hi'； } } .L1 { 填充：0px； 边界：1px； 边界半径：200%0px 200%0px； 边框颜色：绿色； 背景颜色：绿色； 字体大小：50px； 颜色：白色； 宽度：50%； 身高：47%； } .L2 { 填充：0px； 边界：1px； 边界半径：0px200%0px200%； 边框颜色：绿色； 背景颜色：绿色； 字体大小：50px； 颜色：白色； 宽度：50%； 身高：47%； } .按钮1 { 身高=5%； 字号:35 ;； 背景色：红色； 颜色：蓝色； 边界半径：30px 30px 30px 30px； } 高原训练 高原训练 点击我

---

使用window.setInterval，如下所示。你可以改变数字500来改变时间。时间以毫秒为单位

函数{ 数组.fromdocument.getElementsByClassName'L1'.ForEach=>helpere； 数组.fromdocument.getElementsByClassName'L2'.ForEach=>helpere； } helper=e=>{ 如果e.innerText=='Hi'{ e、 style.backgroundColor='蓝色'； e、 innerText='Hello'； }否则{ e、 style.backgroundColor='绿色'； e、 innerText='Hi'； } } window.setIntervalfunctionl，500； .L1{ 填充：0px； 边界：1px； 边界半径：200%0px 200%0px； 边框颜色：绿色； 背景颜色：绿色； 字体大小：50px； 颜色：白色； 宽度：50%； 身高：47%； } .L2{ 填充：0px； 边界：1px； 边界半径：0px200%0px200%； 边框颜色：绿色； 背景颜色：绿色； 字体大小：50px； 颜色：白色； 宽度：50%； 身高：47%； } .按钮1{ 身高=5%； 字号:35 ;； 背景色：红色； 颜色：蓝色； 边界半径：30px 30px 30px 30px； } 高原训练 高原训练 点击我