现在的位置: 首页 > 综合 > 正文

JS

2013年08月07日 ⁄ 综合 ⁄ 共 2859字 ⁄ 字号 评论关闭
  //设置div的位置
<style id="style">
    #divShow 
    {
        width:150px;
        height:180px;
        border-width:thin;
        background:yellow;
		position: relative;
		left:0px;
		top: 50px;
    }
</style>
  <script type="text/javascript">
   var getStyle=function(obj,styleName){
		/*说明:获取全局样式表、内嵌样式和 HTML 标签属性中指定的对象的样式*/
		/*参数:styleName:样式属性名*/
		return (obj.currentStyle || document.defaultView.getComputedStyle(obj,null))[styleName];
	}
  	window.onload=function a (){	
		setInterval(b,100);
	}
	function b (){
	//document.styleSheets.mystyle.addRule("p","color:red;font-weight:normal;cursor:hand;");这句话注意
	var left = document.getElementById("divShow").currentStyle.left;//IE 通用的话可以调用getStyle方法
	//注意这个地方
	left = parseInt(left);
	left += 10;
	document.getElementById("divShow").style.left = left;
	}
	
  </script>
 </HEAD>

 <BODY>
<div id="divShow">aa</div>

2setInterval

function timer(){	
	  this.timemove=function(){var timenow=0;
		  setInterval(timepp(),1000);
		    function timepp(){ alert("1");}
		  
		  
		  }
	}

var T=new timer();
T.timemove();
这段代码怎么只能运行一次然后显示参数无效;
下面的就可以正常:
function timer(){	
	  this.timemove=function(){var timenow=0;
		  setInterval(function(){ timenow++;alert(timenow);},1);
		  }
	}
var T=new timer();
T.timemove();
为什么??

setInterval(timepp(),1000);
改成
setInterval(”timepp“,1000);
或
setInterval(”timepp()“,1000);

你的写法是运行timepp()后的结果赋给setInterval的第一个参数
而第一个参数是要给出一个运行函数!
你的函数timepp()运行完成后没有返回值!
至于你说的为什么只运行一次,那是因为执行timepp(),而不是setInterval

换句话说,就是你的setInterval的第一个参数传入错误!!!
他要求的是执行语句或者函数体,你可以理解一下setInterval的内部执行:
function setInterval(fn,sec){
     if(typeof fn == 'function'){
          fn();
     }
    else{
         new Function(fn.toString())();
    }
    //code
}

3Js中setInterval、setTimeout不能传递参数问题 及各自的关闭方法

一、采用字符串形式:——(缺陷)参数不能被周期性改变
setInterval("foo(id)",1000);
二、匿名函数包装
window.setInterval(function()
    {
foo (id);
    }, 1000);
   这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去;
三、定义返回无参函数的函数
function foo(id)
{
   alert(id);
}
function _foo(id)
{
return function()
{
foo(id);
}
}
window.setInterval(_foo(id),1000);
这里定义了一个函数_foo,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。在 window. setInterval函数中,使用_foo(id)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。
四、修改setInterval
function foo(id)
{
alert(id);
}
var _sto = setInterval;   
window.setInterval = function(callback,timeout,param)
{   
var args = Array.prototype.slice.call(arguments,2);   
var _cb = function()
{   
callback.apply(null,args);   
}    
_sto(_cb,timeout);   
}
window.setInterval(hello,3000,userName);
以上的所有方法也适合setTimeout。
五、各自的关闭方法:
clearTimeout(id);
clearInterval(id);

js值得思考的代码

<script type="text/javascript">
var x=100;
var c={
x:30,
getValue:function(){
var x=40;
return this.x;
}
}
alert(c.getValue());//30
c.getValue=c.getValue;
alert(c.getValue());//30
alert((c.getValue=c.getValue)());//100
var d=c.getValue;
alert(d());//100
</script>

验证邮箱

		$("#email").bind('blur',function(){
			var reg = /^[_a-zA-Z\d\-\.]+@[_a-zA-Z\d\-]+(\.[_a-zA-Z\d\-]+)+$/;
			var email = $("#email").val();
			if(!email.match(reg)){
				$("#emailTip").text("邮箱格式不符合..");
			}
		})

年龄验证

$("#age").bind('blur',function(){
			var age = $("#age").val();
			if(isNaN(age)){
				$("#ageTip").text("请输入数字..");
			}else{
				age = parseInt(age);
				if(age > 140 || age<0){
					$("#ageTip").text("非法年龄..");
				}
			}
		})

抱歉!评论已关闭.