今天在做一个前端项目,其中有一个地方需要实现一种功能,就是网页上有一个超链接(图片/文字/按钮皆可),这个超链接需要满足一个功能:当在9:00-18点期间,点击超链的是A链接;而在这个时间段之外的,跳转的都是B链接。也就是根据时间段来判断href最终对应的链接,具体实现代码如下
<!DOCTYPE html>
<html><head>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
var date = new Date();
var hour = date.getHours();
$(document).ready(function(){
if(hour>=9 && hour<=10){
$("#weila").attr("href","https://www.51yhyh.com");
}else{
$("#weila").attr("href","http://www.52soutu.com");
}
});
</script>
</head>
<body>
<p><a id="weila">www.baidu.com</a></p><!--注意id这个标签,这是作为识别JS的依据-->
</body>
</html>
以上是在html里的应用,开头head前面的也可以放在JS文件里,然后调用
以上代码最重要的就是id这个标签,必须要和上面的script对应
hour>=9 && hour<=10,这一段代码中,9等于9:59,10等于10:59,所以要注意分钟数
注意引用官方js, https://code.jquery.com/jquery-1.11.1.min.js 的时候如果你网站没有开通了ssl,请使用 http://code.jquery.com/jquery-1.11.1.min.js 。以免有些手机浏览器出现不跳转情况