JS或者JQUERY如何实现每天TAB切换到不同的DIV，只显示当天DIV内容
1个回答
展开全部
思路清晰就没什么问题了。每个tab对应一个id，这个id最好用每天的日期号，这样就可以很方便的定位具体的需要显示的id。我写了一个类似的，功能实现差不多这个思路，至于每个tab的id怎么定义就需要你考虑了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tab定时切换</title>
<style>
div {
display: none;
}
</style>
</head>
<body>
<p><h1>tab定时切换</h1></p>
<script src="jquery.min.js"></script>
<script>
initHtml();
function initHtml(){
console.log("-------Initialize html start--------");
var now = new Date();
for(var i = 0 , len = 60 - now.getMinutes(); i < len ; i ++){
var id = now.getHours() + "" + parseInt(now.getMinutes() + i);
console.log(id);
$("body").append('<div id="'+ id + '"><p>当前时间（时分）：' + id + '</p></div>');
}
console.log("-------Initialize html end--------");
}
function changeTab(){
var now = new Date();
var currentId = now.getHours() + "" + now.getMinutes();
console.log(currentId);
initTab();
$("#"+currentId).show();
}
function initTab(){
$("div").each(function(){
var $this = $(this);
$this.hide();
})
}
setInterval(function(){
changeTab();
},1000);
</script>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
