javascript – 点击或10秒后jquery重定向
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 点击或10秒后jquery重定向,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1084字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 点击或10秒后jquery重定向](/upload/InfoBanner/zyjiaocheng/798/a13c9d4441a24099bd6018bcd717531b.jpg)
我在一个网站上有一个spash屏幕,其中有一个ID为“splash”的div我试图使div淡入然后如果用户点击它淡出的div并重新指向主站点.如果用户没有点击它就会淡出并在10秒后重定向.
定时重定向正在工作,但不是点击功能.
<script type="text/javascript">
$(document).ready(function() {
$('#splash').hide();
$('#splash').fadeIn(1000, function() {
$(this).delay(10000).fadeOut(1000, function() {
window.location = 'http://www.examle.com'; });
$(this).click().fadeOut(1000,function() {
window.location = 'http://www.example.com'; });
});
});
</script>
任何帮助都会很棒
解决方法:
试试这个:
$(document).ready(function() {
$('#splash').hide();
$('#splash').click(function(){
$(this).fadeOut(1000,function() {
window.location = 'http://www.example.com'; });
});
$('#splash').fadeIn(1000, function() {
window.setTimeout ( function() {
$('#splash').fadeOut(1000, function() {
window.location = 'http://www.example.com'; }) }
, 10000);
});
});?
我对示例所做的更改:
我已经将点击处理程序设置在fadeOut函数之外(更好的做法,恕我直言),并且我已将对delay()的调用更改为setTimeout().
区别在于,delay()不允许在后台执行其他jQuery代码,而setTimeout()则会.
内容总结
以上是互联网集市为您收集整理的javascript – 点击或10秒后jquery重定向全部内容,希望文章能够帮你解决javascript – 点击或10秒后jquery重定向所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。