javascript 定时修改web页面元素innerHTML(最广泛使用的技术)

95 阅读 0 评论 63 点赞

我是靠谱客的博主天真热狗，这篇文章主要介绍javascript 定时修改web页面元素innerHTML(最广泛使用的技术)，现在分享给大家，希望可以做个参考。

为什么80%的码农都做不了架构师？>>>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
window.onload=function(){
setTimeout("changeElements()",3000);//事件是毫秒
}
function changeElements(){
var elem1=document.getElementById("elem1");
var elem2=document.getElementById("elem2");
var temp=elem1.innerHTML;
elem1.innerHTML=elem2.innerHTML;
elem2.innerHTML=temp;
setTimeout("changeElements()",3000);//循环调用
}

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/innerHtml.js"></script>
</head>
<body>
<div id="elem1">
<p>paragraph text.</p>
</div>
<div id="elem2">
<ul>
<li>op1</li>
<li>op2</li>
<li>op3</li>
</ul>
</div>
</body>
</html>