javascript - 定时器从 h1 传递到 h6

标签 javascript html css header

大家好。我有一个问题要解决,但我被阻止了。 我必须编写一个函数,每 1000 毫秒调用一次,并在 Javascript 代码中定期增加或减少标题级别从 H1 到 H6,然后返回到 H1。 我该怎么做? 我做过这样的例子

<html>
<head>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout("alertMsg()",1000);
}
function alertMsg()
{
alert("Hello");
}
</script>
</head>

<body>
<form>
<input type="button" value="Display alert every seconds"
onclick="timeMsg()" />
</form>
</body>
</html>

最佳答案

你想要的是一个间隔,而不是超时。此外,您可以简单地将要执行的函数传递给 setInterval。试试这个:

    var
        interval,
        startLoop = function()
        {
            interval = window.setInterval(function(){
            alert("Hello");
            }, 1000);
        };
    
    document.getElementById("startbutton").addEventListener("click", startLoop);
<button id="startbutton">Let’s go</button>

通过interval变量引用区间,允许稍后取消区间:

// some time later …
window.clearInterval(interval);

关于javascript - 定时器从 h1 传递到 h6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34184444/

相关文章:

javascript - 脱壳到 Node 时保留输出颜色

javascript - jQuery 给人以背景滚动速度较慢的印象

html - 在 Stylus 扩展中的一页覆盖来自外部 CSS 样式表的通用背景图像

jquery - 我试图在 jQuery : 中划分两个变量

javascript - Bootstrap Navbar Logo 和 Menu CSS 类在滚动后发生变化

javascript - 根据视口(viewport)高度及其位置自动计算div的高度

javascript - 一页上有多个 bxslider。可以结合js吗?

javascript - react 组件和无效输入

javascript - 重新配置匹配函数 Google 脚本的输出第 2 部分

html - 如何创建嵌套 div 的重复彩虹是 CSS