//设置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.οnlοad=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("非法年龄..");
}
}
})