Javascript实验二指导手册.docVIP

  1. 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 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)

haihang2017 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档