從h1傳遞到h6的計時器

Question

大家好 我有一個問題要解決，我被封鎖了。 我必須編寫一個函數，每1000ms調用一次它，並在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>

Answer 1

您想要的是時間間隔，而不是超時。 同樣，您可以簡單地將要執行的函數傳遞給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);

Answer 2

如果我做對了，您希望每隔1秒更改一次某些元素的大小。 好吧，您不能將HTML元素轉換為其他元素，這意味着H1將始終為H1，而永遠不會變為H2。

您可以做的是設置幾個類，然后更改該元素應使用的類。

 var t=setInterval(changeClass,1000); var n=0; function changeClass(){ n++; document.getElementById("theElement").className = "type"+n; if (n>=4) n=0; }

 .type1 {font-size:10px;} .type2 {font-size:15px;} .type3 {font-size:20px;} .type4 {font-size:25px;}

 <div id=theElement> This is the header </div>

還有許多其他方法可以執行此操作，具體取決於您希望實現的目標。

從h1傳遞到h6的計時器

問題描述

2 個解決方案

解決方案1
0 2015-12-09 17:01:20

解決方案2
0 2015-12-09 17:37:48

從h1傳遞到h6的計時器

問題描述

2 個解決方案

解決方案1 0 2015-12-09 17:01:20

解決方案2 0 2015-12-09 17:37:48

解決方案1
0 2015-12-09 17:01:20

解決方案2
0 2015-12-09 17:37:48