网页上的一个链接实现根据不同时间段对应跳转不同的链接

今天在做一个前端项目,其中有一个地方需要实现一种功能,就是网页上有一个超链接(图片/文字/按钮皆可),这个超链接需要满足一个功能:当在9:00-18点期间,点击超链的是A链接;而在这个时间段之外的,跳转的都是B链接。也就是根据时间段来判断href最终对应的链接,具体实现代码如下

<!DOCTYPE html>
<html><head>
<script src="http://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","http://www.baidu.com");
	}else{
		$("#weila").attr("href","http://www.sina.com");
	}
});
</script>
</head>

<body>

<p><a href="http://www.xxx.com" 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,所以要注意分钟数

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值