- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Javascript实验二指导手册
JavaScipt 实验二
(1)显示数字图片的年月日星期
(2)图片的纵向滚动条
实验指导
十三、定时器
原理
定时器分成两种:
定时间隔:setInterval(函数名,间隔时间毫秒) //不断重复,直到关闭函数
延迟型: setTimeout(函数名,间隔时间毫秒) //仅执行一次
实例
倒计时。要求:两个按钮,一个启动定时,一个关闭定时,时间到报警。
3. 制作步骤
(1)增加按钮和DIV块
input id=startTime type=button value=开启定时器/
input id=closeTime type=button value=关闭定时器/
div id=div1/div
(2)获取对象
var Ostart=document.getElementById(startTime);
var Oend=document.getElementById(closeTime);
var oDiv=document.getElementById(div1);
var timer=null; //定时器变量,后面用于关闭定时器用。
var count=15; //设置定时时间
(3)定义按钮的单击事件
Ostart.onclick=function(){
timer=setInterval(function(){
if (count==0)
alert(时间到!);
else
oDiv.innerHTML=count--;
},1000);
}
Oend.onclick=function(){
clearInterval(timer); //关闭定时器
}
十四、图片时钟
建立日期时钟 var mydate=new date();
(1)建立图片数字文件夹images,并放入指定数字符号文件0到9图片,以及一些符号
(2)建立图片数字结构
img src=images/0.png /
img src=images/0.png /
img src=images/colonpng /
img src=images/0.png /
img src=images/0.png /
img src=images/colon.png /
img src=images/0.png /
img src=images/0.png /
(3)获取当时间时:分:秒,并形成时间字符串timeString
function twoString(xtime){
return xtime9?+xtime:0+xtime;
}
function updateTime(){
var myTime=new Date();
var mHour=myTime.getHours();
var mMin = myTime.getMinutes();
var mSec = myTime.getSeconds();
var timeString=twoString(mHour)+:+twoString(mMin)+:+twoString(mSec);
(4)把时间字符串改成图片显示
var oImg=document.getElementsByTagName(img);
for(i=0;i8;i++){
oImg[i].src=images/+timeString.charAt(i)+.png
}
oImg[2].src=images/sign.png;
oImg[5].src=images/sign.png;
}
(5)启动、关闭定时器
window.onload=function(){
var timer=null;
var Ostart=document.getElementById(startTime);
var Oend=document.getElementById(closeTime);
Ostart.onclick=function(){
updateTime();
timer=setInterval(updateTime,1000);
}
Oend.onclick=function(){
clearInterval(timer);
}
updateTime();
};
14. 延时提示框:功能鼠标移入DIV1弹出DIV2,并能放到DIV2上。
(1)增加两个DIV框
div id=div1/div
div id=div2/div
给DIV添加样式
#div1{
width:200px; height:100px; background:red;
}
#div2{
width:200px; heig
文档评论(0)