这段js如何设置10秒后才会弹出窗口

qq_32347727 2016-01-22 01:15:24
window.onload=function(){
var oDiv=document.getElementById('mask');
oDiv.onclick=function(){
var iHeight=css(oDiv,'height');
var iTarget=-iHeight;
var timer=null;

timer=setInterval(function(){
var iTop=css(oDiv,'top');
var iSpeed=Math.floor((iTarget-iTop)/1);
var t=iTop+iSpeed;
if(iTop<=iTarget){
clearInterval(timer);
}else{
oDiv.style.top=t+'500px';
}
},10);
}
}
...全文
359 7 打赏 收藏 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
banyunmao 2019-05-13
  • 打赏
  • 举报
回复
不错学习了,3楼正解
天际的海浪 2019-05-13
  • 打赏
  • 举报
回复
把oDiv.onclick=function........ 改成setTimeout(function.........

window.onload=function(){
        var oDiv=document.getElementById('mask');
	    setTimeout(function(){
            var iHeight=css(oDiv,'height');
            var iTarget=-iHeight;
            var timer=null;

            timer=setInterval(function(){
                var iTop=css(oDiv,'top');
                var iSpeed=Math.floor((iTarget-iTop)/1);
                var t=iTop+iSpeed;
                if(iTop<=iTarget){
                    clearInterval(timer);
                }else{
                    oDiv.style.top=t+'500px'; 
                }
            },10);
	    }, 10000);
    }
槿畔 2019-05-13
  • 打赏
  • 举报
回复
楼上回答的都是对的,没生效,请看以下问题: 1.排查点击事件是否生效,没生效请检查获取的dom是否存在 2.你这是计时器而不是延时器,因此每隔一段时间执行一次 3.计时器如果正常执行,想要的效果没出来,那就是要执行的代码有问题 自己要学着排错,这种思维以后会有很多地方都是这样找问题的。
  • 打赏
  • 举报
回复
setTimeout(弹窗口的方法,10000);//只执行一次
slwsss 2016-01-22
  • 打赏
  • 举报
回复
window.onload=function(){ var oDiv=document.getElementById('mask'); var iHeight=css(oDiv,'height'); var iTarget=-iHeight; var timer=null; timer=setInterval(function(){ var iTop=css(oDiv,'top'); var iSpeed=Math.floor((iTarget-iTop)/1); var t=iTop+iSpeed; if(iTop<=iTarget){ clearInterval(timer); }else{ oDiv.style.top=t+'500px'; } },10000); }
qq_32347727 2016-01-22
  • 打赏
  • 举报
回复
引用 1 楼 slwsss 的回复:
},10000);
不行,没效果
slwsss 2016-01-22
  • 打赏
  • 举报
回复
},10000);

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧