javascript页面自动刷新，然后调用函数
我有一个html页面，用来显示两个图表（highcharts），代码在下面，页面一次只显示一张图表，我想要10秒页面自动刷新一次，然后更换一次图表（用block？）。请问...
我有一个html页面，用来显示两个图表（highcharts），代码在下面，页面一次只显示一张图表， 我想要10秒页面自动刷新一次，然后 更换一次图表（用block？）。
请问如何实现，具体代码谢谢
<div id="g1" style="width: 710; height: 510; border: 1px solid gray; border-radius: 10px">
<div style="width: 10; height: 5"></div>
<div id="graph3" style="width: 700; height: 500"></div>
</div>
<div id="g2" style="width: 710; height: 510; border: 1px solid gray; border-radius: 10px">
<div style="width: 10; height: 5"></div>
<div id="graph4" style="width: 700; height: 500"></div>
</div> 展开
请问如何实现，具体代码谢谢
<div id="g1" style="width: 710; height: 510; border: 1px solid gray; border-radius: 10px">
<div style="width: 10; height: 5"></div>
<div id="graph3" style="width: 700; height: 500"></div>
</div>
<div id="g2" style="width: 710; height: 510; border: 1px solid gray; border-radius: 10px">
<div style="width: 10; height: 5"></div>
<div id="graph4" style="width: 700; height: 500"></div>
</div> 展开
展开全部
运用计时器和style样式配合
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#g1,#g2{width: 710px; height: 510px; border: 1px solid gray; border-radius: 10px}
#g1 .box1,#g2 .box1{width: 10px;height: 5px;}
#graph3,#graph4{width: 700px;height: 500px;}
#g2{display: none;}
</style>
</head>
<body>
<div id="g1">
<div class='box1'>1</div>
<div id="graph3">1</div>
</div>
<div id="g2">
<div class='box1'>2</div>
<div id="graph4">2</div>
</div>
</body>
<script>
var g1 = document.getElementById('g1');
var g2 = document.getElementById('g2');
var timer = null;
var a = true;
function change(){
if (a) {
g1.style.display = 'block';
g2.style.display = 'none';
a = false;
}else{
g1.style.display = 'none';
g2.style.display = 'block';
a = true;
}
}
timer = setInterval(change,10000);
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
