杨思为 | 我们一家

jQuery中setTimeout的用法

在制作西北大学网站首页时想通过jQuery来制作一个页面加载运行国庆动画的flash,要实现在指定时间后关闭或者点击短片的关闭按钮后关闭的功能,以下是使用jQuery和setTimeout实现该效果的具体方案。
<script type=”text/javascript”>
  jQuery(document).ready(function() {  
    
   // 显示广告
   jQuery(‘#advertisement’).fadeIn(‘slow’);
   
   // 点击关闭广告
   jQuery(‘#advertisement_close’).click(function() {
    // 清除内容:点击关闭停止播放,使得声音也没有了
    jQuery(‘#advertisement_wrap’).remove();
   });   
   
   // 过18秒关闭广告::有延迟,因此时间设置的长一些
   setTimeout(function(){ jQuery(‘div#advertisement_wrap’).remove();}, 28000);
   //
  });  
  
 </script>

在以上代码中通过remove函数实现了当广告运行结束或者当用户点击关闭按钮时,不管加载的flash到底有没有声音,都不会再发出声音。(个人认为当点击关闭以后音箱中还不停的传出来声音是让人很不舒服的事情)

setTimeout使得广告自动运行18秒后会通过调用remove函数进行广告清除,以上就是jQuery中setTimeout的用法:)

作者: 分类:WEB应用 标签:, 时间:2009年10月1日

当前位置:首页>开发研究>WEB应用>

上一篇:

下一篇:

  1. 填错了
    十月 16th, 2010 08:44 | #1

    时间算错了,1s=1000ms

  1. 没有任何引用。

热门文章