csdn二次培训 第二课
内容：
一 复习
表单：
实现用户与服务器的交互；
1
<form></form>
2
prompt(" ")提供一个可以输入的输入框
3
null
二.时钟
1.思路：
2.关于javascript中函数的概念
函数定义：
function 函数名([参数1,参数2]){
}
函数的调用：
函数名（）；
3.
setInterval("函数名称 ","间隔的时间（毫秒）");
例如：
<style>
#time{background-color:#F6C;
color:#960;
border:1px #363 dashed;
width:300px;
height:50px;
}
</style>
</head>
<body>
<div id="time">现在时间：</div>
<script>
function dispTime(){
/* alert(new Date().toLocaleString());*/
var timestr=new Date().toLocaleString();//根据Date的对象，获取时间字符串（定义变量）
document.getElementById("time").innerHTML="现在时间是："+timestr;//将获取的内容放到div层中，innerHTML修改div中内容
}
setInterval("dispTime()","1000");//1000为间隔的时间毫秒；实现每秒执行一次
</script>
</body>
4.
setTimeout("函数名称","延迟的时间（毫秒）");解决一秒停顿！
-----------------------------------------------------------
三.滚动抽奖
实现图片抽奖的小案例
思路：
1）先准备一些图片（图片的名称从0开始）
2）先要让图片显示到网页上，通过javascript动态改变显示的图片
（让网页显示
3）通过做延时，实现图片的滚动
4）增加两个按钮，
定义一个方法，作用是动态修改图片的路径
<img id="img" src="images/0.jpg" width="100" height="200" />
<br />
<input type="button" value="停" />
<input type="button" value="始" />
<script>
var i=0;//循环的控制变量
var num=2;//定义一个图片的数量
var timeHander;
function chose(){
//控制图片显示，不能超过我们定义的数量
if(i<num){
document.getElementById("img").src="images/"+i+".jpg";
i++;
}
else{
i=0;
}
timeHander=setTimeout("chose","1000")
}
chose();//函数调用
function stop(){
//不让滚动延迟执行
clearTimeout(timeHander);//清空延迟对象
}
function start(){
chose();
}
</script>
虽然今天只用了3小时，但讲的也是不少啊，而且不知怎的，今天上课特别累，以致好多不懂，只好先把听到的记下来，以后再做做就会懂了，加油！！