Question

JS 代码根据时间优先显示某个选项卡

如图，做了一个HTML的选项卡脚本，已经做了连接，可以点击切换，但是，现在打开网页，默认是显示第一个选项卡的内容，想改成按时间段优先显示的，即0点-6点 打开网页优先显示 第一个选项卡即内容，以此类推。不知道要怎么写，下图是相关代码。望各位大神 帮帮忙谢谢！





Answer 1

1.每个li 加个属性 data-vt="" 值是一个时间字符串，表示此时间前就显示它。
2.js获取当前时间.按顺序，从序号0,循环 li 读取 data-vt的属性值。比较当前时间小于data-vt就显示，终止循环。若是循环完还没有合适的，就显示第一个即可。

注意比较时间，是比较时间的时分秒，不要把年月日算进去。

追问

不会写！
能改写个不，大神！
刚才不小心采纳了别人的意见了
我重新开了个
http://zhidao.baidu.com/question/1385481298120673580.html

追答

点开一看，人家都抢的好快啊，都回答了。分我也不在乎。告诉你方法。
判断时间：li 加属性data-vt="" 值都不带年月日，只有时分秒 如 data-vt="06:00:00"
var ndt=new Date();
var strn=d.getFullYear()+"/"+d.getMonth()+"/"+d.getDate();
var bfind=false;
for(var i=0;indt.getTime() && bfind==false)

{
box[i].className="box_a box_h";
btn[i].className="bta bth";
bfind=true;

}
box[i].className="box_a";
}

大体是这样的，可能还有点BUG。你自己调调。另外，我这样判断，前提你tab是按时间先后排序的。

Answer 2

给你部分代码提示：
var x=你的tab切换元素;
var time=new Date().getHours();
if (8<time<12){
x.addClass("")
x.click()
}else if(<12time<18){
x.addClass("")
x.click()
}
上面代码是获取当前时间的小时数，然后写上你上面的时间段，当大于多少小于多少的时候，给什么元素添加一个类并添加一次点击事件

追问

不太懂？
之前也写了一段类似的代码，但是不知道哪儿错了，而且选项卡不能动了
刚才不小心采纳了别人的意见了
我重新开了个
http://zhidao.baidu.com/question/1385481298120673580.html

追答

没事，你能写基本的效果就行，这个代码不难的，就是获取时间段后，你要做什么事情你自己去弄，我也忙没时间写全

Answer 3

获取当前时间属于哪个范围内，然后把对应的 标签 显示出来