//writen by http://fengyan.iecn.cn

//sFuncLoop >> 字符串型,需要重復執行的Javascript函數或語句(多個函數或語句請用;分隔)
//sFuncEnd >> 字符串型,用于中止重復 " /> 亚洲色噜噜狠狠网站,caoporen超碰在线视频,特级黑人三人共一女

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

javascript延時重復執行函數 lLoopRun.js

function lLoopRun(sFuncLoop,sFuncEnd,nDelay) {
//writen by http://fengyan.iecn.cn

//sFuncLoop >> 字符串型,需要重復執行的Javascript函數或語句(多個函數或語句請用;分隔)  
//sFuncEnd >> 字符串型,用于中止重復執行動作(sFuncLoop)的Javascript函數或語句 
//nDelay >> 數字型,重復執行的時間間隔(毫秒數) 
 var vintervalId = null;
 var runString  = sFuncLoop;
 var stopString  = sFuncEnd;
 var delayTime  = nDelay;
 //var nCount = 0;//執行次數//為便于測試,應用時就將此行注釋掉
 this._doLoop = function (){
   if (vintervalId && !eval(stopString)){
     eval(runString);
     //nCount++;//記錄執行次數//為便于測試,應用時就將此行注釋掉
   } else {
     window.clearInterval(vintervalId);
     vintervalId = null;
   }
   //document.getElementById("TestCount").innerHTML = nCount;//輸出執行次數//為便于測試,應用時就將此行注釋掉
 }
 window.clearInterval(vintervalId);
 vintervalId = window.setInterval(this._doLoop,delayTime);
}

幾個實例代碼:
水平往復運動: 

<html> 
<head> 
<title>lLoopRun.js 應用實例:水平往復運動</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="Author" content="CnLei,楓巖" /> 
<style type="text/css"> 
#IECN {position:absolute;} 
</style> 
<script type="text/Javascript" src="lLoopRun.js"></script>
</head> 
<body> 
<p>執行次數:<strong id="TestCount">0</strong></p>
<img id="IECN" src="http://bbs.iecn.NET/attach-iecn/upload/7574.gif" style="left:0px;top:0px;" width="120" />
<script type="text/Javascript">
<!--
function chgPos(sId,n){
 var o = document.getElementById(sId);
 o.style.left = (parseInt(o.style.left)+n)+"px";
}

function chgPosStop(sId,nMax){
 var o = document.getElementById(sId);
 if(parseInt(o.style.left)<0){isReBack = false;}
 if(parseInt(o.style.left)>nMax){isReBack = true;}
 if(isReBack) {
   nNum=-Math.abs(nNum);
 } else {
   nNum=Math.abs(nNum);
 }
}

var nNum=10;
var isReBack = false;
lLoopRun("chgPos(’IECN’,nNum);","chgPosStop(’IECN’,600)",20);
-->
</script>
</body> 
</html> 


自動伸縮大小: 
<html> 
<head> 
<title>lLoopRun.js 應用實例:自動伸縮大小</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="Author" content="CnLei,楓巖" /> 
<script type="text/Javascript" src="lLoopRun.js"></script>
</head> 
<body> 
<p>執行次數:<strong id="TestCount">0</strong></p>
<img id="IECN" src="http://bbs.iecn.NET/attach-iecn/upload/7574.gif" style="left:0px;top:0px;" width="120" />
<script type="text/Javascript">
<!--

function chgPos(sId,n){
 var o = document.getElementById(sId);
 o.width = (parseInt(o.width)+n);
}

function chgPosStop(sId,nMax){
 var o = document.getElementById(sId);
 if(parseInt(o.width)<10){isReBack = false;}
 if(parseInt(o.width)>nMax){isReBack = true;}
 if(isReBack) {
   nNum=-Math.abs(nNum);
 } else {
   nNum=Math.abs(nNum);
 }
 //return parseInt(o.style.left)>nMax || (parseInt(o.style.top)>nMax-200);
}

var nNum=10;
var isReBack = false;
lLoopRun("chgPos(’IECN’,nNum);","chgPosStop(’IECN’,500)",20);
-->
</script>
</body> 
</html> 


垂直往復運動: 
<html> 
<head> 
<title>lLoopRun.js 應用實例:垂直往復運動</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="Author" content="CnLei,楓巖" /> 
<style type="text/css"> 
#IECN {position:absolute;} 
</style> 
<script type="text/Javascript" src="lLoopRun.js"></script>
</head> 
<body> 
<p>執行次數:<strong id="TestCount">0</strong></p>
<img id="IECN" src="http://bbs.iecn.NET/attach-iecn/upload/7574.gif" style="left:0px;top:0px;" width="120" />
<script type="text/Javascript">
<!--
function chgPos(sId,n){
 var o = document.getElementById(sId);
 o.style.top = (parseInt(o.style.top)+n)+"px";
}

function chgPosStop(sId,nMax){
 var o = document.getElementById(sId);
 if(parseInt(o.style.top)<0){isReBack = false;}
 if(parseInt(o.style.top)>nMax){isReBack = true;}
 if(isReBack) {
   nNum=-Math.abs(nNum);
 } else {
   nNum=Math.abs(nNum);
 }
 //return parseInt(o.style.top)>nMax || (parseInt(o.style.top)>nMax-200);
}

var nNum=10;
var isReBack = false;
lLoopRun("chgPos(’IECN’,nNum);","chgPosStop(’IECN’,300)",20);
-->
</script>
</body> 
</html> 


漸變顯示(圖片): 
<html> 
<head> 
<title>lLoopRun.js 應用實例: 漸變顯示效果</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="Author" content="CnLei,楓巖" /> 
<style type="text/css"> 
body{background:#080;color:#fff;} 
#IECN { 
background:#fff; 
filter: Alpha(opacity=10); 
-moz-opacity:.10; 
opacity:.10;

</style> 
<script type="text/Javascript" src="lLoopRun.js"></script>
</head> 
<body> 
<p>執行次數:<strong id="TestCount">0</strong></p>
<img id="IECN" src="http://bbs.iecn.NET/attach-iecn/upload/7574.gif" style="left:0px;top:0px;" width="120" /><br /><br />刷新再次查看演示效果
<script type="text/Javascript">
<!--
function chgOpacity(sId,n){
 var o = document.getElementById(sId);
 if (o.filters) {
   o.filters[0].Opacity = parseInt(o.filters[0].Opacity) + n;
 } else {
   o.style.opacity= eval(document.defaultView.getComputedStyle(o,null).getPropertyValue(’opacity’)) + (n*100/10000);
 }
}

function chgOpacityStop(sId){
 var o = document.getElementById(sId);
 if (o.filters) {
   return parseInt(o.filters[0].Opacity)>=99;
 } else {
   return eval(o.style.opacity)>=0.99;
 }
}

lLoopRun("chgOpacity(’IECN’,1);","chgOpacityStop(’IECN’)",20);
-->
</script>
</body> 
</html> 


原文:http://fengyan.iecn.cn/blog-html-do-showone-uid-35653-type-blog-itemid-2320.html 

JavaScript技術javascript延時重復執行函數 lLoopRun.js,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产精品久久久久一区二区三区 | 国内精品偷拍在线观看 | 精品AV亚洲乱码一区二区 | 快播苍井空 | 一品道门免费视频韩国 | 毛片无码免费无码播放 | freehd另类xxxx喷水 | 亚洲欧美日韩另类精品一区二区三区 | 9999精品视频 | 视频成人永久免费下载 | 骚妇BB双飞插 | 国产免费午夜 | 国产精品99re6热在线播放 | 素人约啪第五季 | 日本在线高清不卡免费播放 | 免费光看午夜请高视频 | 成年人免费观看的视频 | 日韩亚洲欧洲在线rrrr片 | 91精品一区二区综合在线 | 人与禽物videos另类 | 99视频在线看观免费 | 久久才是精品亚洲国产 | 九九99国产香蕉视频 | 狠狠人妻久久久久久综合九色 | 国产永久免费观看视频软件 | 一个人视频日本在线观看 | 国产精品成人影院 | 亚洲精品无码不卡在线播HE | 日本50人群体交乱 | 国产精品99久久久久久AV | 国产婷婷色综合AV蜜臀AV | 好男人午夜www视频在线观看 | 高h超辣bl文| 久久精品天天中文字幕 | 麻1豆传媒2021精品 | 2018高清国产一区二区三区 | 热の中文 AV天堂 | 美女露出乳胸扒开尿口 | 久久99re2在线视频精品 | 国产小视频免费看 | 久久国产精品麻豆AV影视 |