首页 > 建站/维护 > js实现周末、工作日显示内容切换
2015
11-12

js实现周末、工作日显示内容切换


应该很多企业都有这样的问题,工作日客服正常,但是到了非工作日,在线客服就成了问题,通常都是值班或者什么的。通常,很多公司会这么处理,在官网页面挂了一堆客服qq,然后注明周末或工作日,这么一来问题是解决了,但是美观度就没了,挂了这么一堆,难看不说,而且影响用户体验。所为,博主就搞了这代码,来实现周末、工作日显示内容自动切换。本来想实现中国法定节假日自动切换代码的,不过这个貌似没法知道,睡知道明年中国的法定假又是怎么放的,所以只判断周末和非周末。

js实现周末、工作日显示内容切换

代码如下:

<!DOCTYPE html>
<html>
<head>

<script language="javascript"> 
function displayHideqqtalk()
{
	var mydate = new Date();
	var myday = mydate.getDay();
    var qqui_1 = document.getElementById("qqtalk1");
	var qqui_2 = document.getElementById("qqtalk2");
	if(myday == 1 ||myday == 2 ||myday == 3 ||myday == 4 || myday == 5){//周一到周五,隐藏qqtalk1部分
     qqui_1.style.display="none";	
	}

	if(myday == 0 ||myday == 6){//周六、周日,隐藏qqtalk2部分
     qqui_2.style.display="none";	
	}
}
</script>

</head>

<body onload="displayHideqqtalk()">
<h1>工作日、周末选择展示</h1>

<div id="qqtalk1">
周六日 显示
第一部分
</div>
<div id="qqtalk2">
工作日 显示
第二部分
</div>

</body>

</html>