setInterval的知识点

最新推荐文章于 2021-08-02 09:50:56 发布

程宇寒

最新推荐文章于 2021-08-02 09:50:56 发布

阅读量193

点赞数

文章标签： setInterval javascript

本文链接：https://blog.csdn.net/czh500/article/details/84947016

版权

setInterval的知识点

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>setInterval的知识点</title>
<link rel="stylesheet" type="text/css" href="body.css">
<script type="text/javascript">
	var testId = 0;
	function test() {
		//testId = window.setInterval(test2, 1000);
		//document.write("数字 = " + setInterval(test2, 2000) + "<br>");
		//document.write("哈哈数字 = " + setInterval(test3, 5000) + "<br>");
		console.log("数字 = " + setInterval(test2, 2000) + "<br>");
		console.log("哈哈数字 = " + setInterval(test3, 5000) + "<br>");
	}

	function test2() {
		var divNode = document.createElement("div");
		var bodyNode = document.getElementsByTagName('body')[0];
		divNode.innerHTML = "<strong style='color: red;'>我是test2()方法</strong><br>";
		bodyNode.appendChild(divNode);
		//testId++;
		//	if (testId > 2) {
		//		window.clearInterval(1);
		//	}
	}

	function test3() {
		var divNode = document.createElement("div");
		var bodyNode = document.getElementsByTagName('body')[0];
		divNode.innerHTML = "<strong style='color: blue;'>我是test3()方法</strong><br>";
		bodyNode.appendChild(divNode);
		//testId++;
		//if (testId > 2) {
		//	window.clearInterval(2);
		//}
	}

	function test4() {
		alert(document.body.innerText);
	}

	var bodyText;
	function test5() {
		bodyText = document.body.innerHTML;
		bodyText += "我是test5()方法！";
		document.write(bodyText);
	}

	//window.onload=setInterval(function(){
	//		document.write("<strong style='color: blue;'>hello</strong><br>");
	//	},1000);
</script>
</head>
<body onload="test()">
	<div align="center">
		<h1>setInterval的知识点</h1>
	</div>
	<h2>setInterval的知识点可参考网页http://www.365mini.com/page/javascript-setinterval.htm</h2>
	<input type="text" style="width: 300px;" value="点击我调用函数" onclick="test4()">
</body>
</html>