3-01函数

知识点：

功能 方法 函数

function：函数名（参数列表）{

代码块

} 

 

示例：

<script type="text/javascript">
//声明一个加法函数
function Add(x,y){
document.writeln(x+y)
}
Add(3,2); // 函数调用
Add(7,2);//一次声明多次调用

 

 

 

//声明一个加法函数
function Add(x,y){
document.writeln(x+y)
}
var a = 6 , b = 7;
Add(a,b); //函数的调用，实际参数也可以变量

 

<style type="text/css">
#box{width: 80%;height: 300px;border:10px solid darkseagreen;}
#div1 ,#div2{width: 20px;height: 20px;background: gold;margin-bottom: 20px;}
</style>
<div id="box">
<div id="div1"></div>
<div id="div2"></div>
</div>
<script type="text/javascript">
var div1 = document.getElementById("div1");
var i = 20;
function PG(){
i++;
div1.style.width = i + "px";
}

setInterval(PG,100);
</script>

 

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

<script type="text/javascript">
var div1 = document.getElementById("div1");
var i = 20, timer = null;
function PG(){
i++;
div1.style.width = i + "px";
if(i>=300){
clearInterval(timer);
}
}

timer = setInterval(PG,100);

alert(typeof timer); =number
</script>

</script>