JS网页时钟特效.pptVIP

网页时钟特效 石磊 知识回顾 一、表单的工作原理。 二、表单验证： 1、如何验证用户名和密码为空？ 2、如何保证用户名只能有数字、字母、下划线？ 3、如何验证邮箱？ 知识回顾 If语句 For语句 本章任务 制作能跟随电脑时间走动的时钟。 演示示例1：电子时钟1 演示示例1：电子时钟2 演示示例1：电子时钟3 本章目标 1、会获取系统的时间 2、会使用js里的定时器setTimeOut , setInterval 3、会改变HTML标签的内容 4、会使用js里的switch语句 以及“ ：？”运算符 一、如何让页面的数字自动变化 定时器： setTimeout(“函数名()”，时间间隔) 有两个参数，一个是将要执行的代码，还有一个是以毫秒为单位的时间间隔 setTimeout作用是延迟间隔时间执行函数的。 虽然表面上看来setTimeout只能执行一次，不过可以通过创建一个函数循环重复调用setTimeout，以实现重复的操作： gogo( ) ； function gogo( ){ var h=document.getElementById(h); h.innerHTML=Number(h.innerHTML)+1; var myset=setTimeout(“gogo()”,1000) } 一旦调用了这个函数，那么就会每隔1秒钟就执行一次函数 定时器变量 一、如何让页面的数字自动变化 setTimeout 可以得到一个定时器－－某个变量。 如果不需要定时器起作用，那么就需要删除这些定时变量。 一、如何让页面的数字自动变化 var myset=setTimeout(“gogo()”,1000) clearTimeout( myset); 清除定时器 二、如何获取系统时间 var mydate= new Date( ); var nian=mydate.getFullYear( ); var mymonth=mydate.getMonth()+1; var mydt=mydate.getDate( ); var myxq=mydate.getDay( ); 二、如何获取系统时间 var myDate= new Date( ); 三、显示时间 var myDate= new Date( ); var nian=myDate.getFullYear( ); var n=document.getElementById(nian); n.innerHTML=nian