怎么用js实现延时弹出窗口 怎么用js弹出一个新窗口
\u8fd9\u6bb5js\u5982\u4f55\u8bbe\u7f6e10\u79d2\u540e\u624d\u4f1a\u5f39\u51fa\u7a97\u53e3\u8bbe\u7f6e10\u79d2\u540e\u624d\u4f1a\u5f39\u51fa\u7a97\u53e3\u5728js\u4e2d\u7684\u505a\u6cd5\uff1a
1\u3001\u5b9a\u4e49\u5f39\u51fa\u7a97\u53e3\u7684\u51fd\u6570\uff1a
function openNewWin(){
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') ;
}
2\u3001\u5229\u7528setTimeout\u676510s\u540e\u6267\u884c\uff1a
setTimeout('openNewWin()',10000); 10\u79d2\u540e\u6267\u884cyourFunction(),\u53ea\u6267\u884c\u4e00\u6b21
function openwindow(){ window.open(");}
延迟出口弹出，最简单方法就是用js里的setTimeout方法，下面是一个简单的例子：<body>
<input type="button" id="btn" value="click me" />
<div id="div" style="width:100px; height:100px; background:#ccc; display:none;"
</body>
<script>
var oDiv = document.getElementById('div');
var oBtn = document.getElementById('btn');
oBtn.onclick=function(){
setTimeout(function(){
oDiv.style.display = 'block';
},1000);
};
</script>
点击btn后然div一秒后显示。
用js实现延时弹出窗口的方法是利用timeout实现的。
具体用法如下：
1、编写js脚本
<script type="text/javascript">
<!-- 定义窗口弹出
function popup(url) {
var width = 300; 宽度
var height = 200; 高度
var left = (screen.width - width) / 2; 左侧显示位置
var top = (screen.height - height) / 2;顶部显示位置
var params = 'width=' + width + ', height=' + height; 拼接参数
params += ', top=' + top + ', left=' + left;
params += ', directories=no';不显示目录
params += ', location=no';不显示地址栏
params += ', menubar=no';不显示菜单栏
params += ', resizable=no';不显示最大最小按钮
params += ', scrollbars=no';不显示吨东条
params += ', status=no';不显示状态栏
params += ', toolbar=no';不显示工具栏
newwin = window.open(url, 'windowname5', params); 打开窗口
if (window.focus) { 如果获得焦点
newwin.focus() 强制置顶
}
return false;
}
setTimeout(popup('`test/login.html'), 5000); 延时弹出设置5秒
//-->
//]]>
</script>
2、调用入口
setTimeout(function() {popup('`test/login.html');}, 5000)
5秒的延时。。
绛旓細寤惰繜鍑哄彛寮瑰嚭锛鏈绠鍗曟柟娉曞氨鏄敤js閲岀殑setTimeout鏂规硶锛屼笅闈㈡槸涓涓畝鍗曠殑渚嬪瓙锛 <div id="div" style="width:100px; height:100px; background:#ccc; display:none;" var oDiv = document.getElementById('div');var oBtn = document.getElementById('btn');oBtn.onclick=function(){ set...
绛旓細1銆侀鍏堟墦寮鏄痟builder缂栬緫鍣紝鎵撳紑鍚庢柊寤轰竴涓┖鐧界殑html鏂囨。锛屽湪閲岄潰鍒涘缓涓涓猧nput鎸夐挳锛屽拰涓涓猟iv骞剁粰div鐨刬d灞炴ц缃负btn锛屽悓鏃惰缃牱寮忥紝璁剧疆div鐨勯珮搴﹀拰瀹藉害骞舵妸display鐨勫睘鎬у艰缃负none灏卞彲浠ヤ簡锛2銆佺劧鍚庡湪涓嬫柟鍐欏叆js浠ｇ爜锛岄鍏堣幏鍙栦袱涓爣绛剧殑dom瀵硅薄锛岀粰鎸夐挳娣诲姞click鐐瑰嚮浜嬩欢锛屽湪鐐瑰嚮浜嬩欢鐨勫洖璋...
绛旓細function closeForm(){ var form=document.getElementById("form"); form.style.display="none"; } function showForm(){ var form=document.getElementById("form"); form.style.display="block"; window.clearTimeout(t); } function timer(){ t=window.setTime...
绛旓細鏂规硶涓:娴忚鍣ㄨ鍙栭〉闈㈡椂锛屽脊鍑轰竴涓脊绐楋紱澶嶅埗浠ｇ爜濡備笅:澶嶅埗浠ｇ爜濡備笅:value=page.htmlpage2.html锛屼负浜嗛伩鍏嶄袱涓寮瑰嚭绐楀彛閲嶅彔锛岃浣跨敤top鍜宭eft鏉ユ帶鍒跺脊鍑虹獥鍙ｇ殑浣嶇疆锛屼娇瀹冧滑涓嶄細鐩镐簰閲嶅彔銆傛渶鍚庣敤涓婇潰璇寸殑鍥涚鏂规硶璋冪敤銆傛敞鎰:涓や釜js寮瑰嚭瀵硅瘽妗嗙獥鍙(NewWindows鍜宯ewwindow2)鐨勫悕绉颁笉搴旇鐩稿悓锛屾垨鑰呴兘搴旇鏄┖銆
绛旓細鍦ㄥ惎鍔ㄥ璇濇鍚屾椂鍚姩window.setTimeout鏂规硶锛寃indow.setTimeout浣滅敤鏄湪鎸囧畾鏃堕棿鍒拌揪鍚庢墽琛屽搴旂殑浠ｇ爜銆傝〃杈惧紡涓猴細iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])銆
绛旓細鏄惁鏀瑰彉绐楀彛澶у皬,鏄厑璁哥殑; 浣嶇疆=鍚 鏄惁鏄剧ず鍦板潃鏍,鏄厑璁哥殑; Status=no鏄惁鏄剧ず鐘舵佹爮涓殑淇℃伅(閫氬父鏂囦欢宸茬粡鎵撳紑),yes鏄厑璁哥殑; 绀轰緥:window.open(page.aspx iframe妗嗘灦椤甸潰涓寮瑰嚭绐楀彛濡備綍浣跨敤JS鍥炶皟? 鍙兘鏄:鍐掓场鎵鑷,闃绘鍐掓场,灏卞彲浠ヤ簡銆俲s鎵ц鍒嗕负涓や釜闃舵,涓涓槸鎹曡幏,鐒跺悗灏辨槸鍐掓场銆 涓句釜渚嬪瓙,浣犲湪澶...
绛旓細鏃犻檺寮瑰嚭绐楀彛 鎴戜滑鍙灏嗗墠闈唬鐮佷腑鐨剋indow.open("");淇敼鎴恮indow.open(window.location.href)锛屽嵆鍦ㄦ柊寮瑰嚭绐楀彛涓墦寮鏈綉椤碉紝杩欐牱鏂扮綉椤靛張浼氳皟鐢╦s鍐嶅脊鍑轰竴涓柊缃戦〉锛岃繘鑰屽惊鐜墦寮鏂扮獥鍙ｃ傚埄鐢╳hile寰幆鍔犲揩绐楀彛鎵撳紑 濡傛灉浣犺寰楄繖鏍疯繕涓嶅鎭紝杩樺彲浠鍦╦s涓姞鍏hile璇彞锛屼娇涓涓綉椤靛氨鑳戒笉鏂...
绛旓細閫寮圭綉椤JS浠ｇ爜濡備笅:// JavaScript Document<!--var u = "6BF52A52-394A-11D3-B153-00C04F79FAA6";function ext() //鍦ㄥ叧闂璉E绐楀彛鐨勬椂鍊寮瑰嚭{if(window.event.clientY<132 || altKey) iie.launchURL(popURL);}function brs() //鎻掑叆Object{document.body.innerHTML+="";eval("window....
绛旓細鑳瀹炵幇,涓嶈繃鏄湪绋嬪簭绔緭鍑簀s鑴氭湰.瑕佹槸鐢╦s鎺у埗杈撳嚭鐨勮瘽鍦ㄤ笁涓〉闈㈠埌闇瑕佸紩鍏s鏂囦欢.杩樹笉濂藉仛鍒ゆ柇,鎴戣兘鐢╬hp瀹炵幇;
绛旓細//setTimeout("self.close()",5000);} 淇濆瓨鎴愮綉椤,鐐归偅涓寜閽,5绉掑悗,缃戦〉鑷姩鍏抽棴浜,鑰屼笖娌℃湁鎻愮ず.涓嶅ソ鎰忔濓紝涓婇潰閭ｄ釜鏂规硶鏄拡瀵js寮瑰嚭绐楀彛鐨勶紝妤间富鐨勪唬鐮佸ソ鍍忔槸瑕佸叧闂紝鍙互鍙傜収杩欎釜渚嬪瓙锛氾紙鏄垹闄ゆ帀鑰屼笉鏄殣钘忥級 function closeDIV(obj){ //var obj = document.getElementById("divID");...
