JavaScript 的定时器及内置对象

定时器

(1)setInterval();循环定时器:固定时间间隔指定一次,像闹钟 一样,不关闭继续执行。

(2)setTimeout();炸弹定时器:只执行一次,不能执行下一次了。

1. SetInterval() 语法结构: setInterval(code,millisec,lang)

说明:code 必需。要调用的函数或要执行的代码串。 millisec 必须。周期性执行或调用 code 之间的时间 间隔,以毫秒计。

lang 可选。 JScript | VBScript | JavaScript

案例:显示当前时间,通过按钮实现时间的停止,开始




	
		
		
		
	
	
		

setInterval()计时器函数

2. SetTimeout() 语法结构: SetTimeout(code,millisec,lang)

案例:实现一个页面的简易版时钟





	
		
		
		
	
	
		

案例1:实现打字机的效果




	
		
		
		
	
	
		  

 案例2:实现无缝滚动的效果




	
		
		
		
		
	
	
		
	

案例3:做一个简易版的时钟




	
		
		
		
	
	
	    
请单击开始抽奖

您的选择是:

3. 内置对象(延展内置函数 eval()和 isNaN())

1、ECMAscript javascript 的语法(变量、函数、循环语句等语法)

2、BOM 浏览器对象模型 操作浏览器的一些

3、DOM 文档对象模型 操作 html 和 css 的方法

Eval() : 用于计算字符串表达式的值; IsNaN() : 用户验证参数是否是 NaN(非数字);

JavaScript 的定时器及内置对象_第1张图片

案例:


(1)Math 对象

abs(y) 返回 y 的绝对值

min (x,y) 返回 x 和 y 两个数中较小的数

max (x, y)返回 x 和 y 两个数中较大的数

random 返回 0-1 的随机数

round (y) 四舍五入取整

sqrt (y) 返回 y 的平方根

案例:使用计时器以及Math对象实现页面2秒 显示不同的图片




	
		
		
		
	
	
		
	

(2)Date 对象

Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫 秒数 var 日期对象 = new Date (年、月、日等参数)

例: var mydate=new Date( “July 29, 1998,10:30:00 ”)

如果没有参数,表示当前日期和时间例: var today = new Date();

1):Date 方法的分组:

setxxx :这些方法用于设置时间和日期值

getxxx: 这些方法用于获取时间和日期值

Toxxx: 这些方法用于从 Date 对象返回字符串值

parsexxx & UTCxx: 这些方法用于解析字符串

2):用作 Date 方法的参数的整数:

JavaScript 的定时器及内置对象_第2张图片

3):Get 方法:

JavaScript 的定时器及内置对象_第3张图片

案例:


	

 

(3)Window 对象

open(”打开窗口的 url”,”窗口名”,”窗口特征”) 窗口的特征如下,可以任意组合:

height: 窗口高度; width: 窗口宽度; top: 窗口距离屏幕上方的象素值; left:窗口距离屏幕左侧的像素值

案例:


		
	
			
		 

随机漂浮的广告

(4)Document 对象

属性:

bgColor: 设置或检索 Document 对象的背景色

body :指定文档正文的开始和结束

location :包含关于当前 URL 的信息

title: 包含文档的标题 url 设置或检索当前文档的 URL

方法:

clear ( ): 清除当前文档

close ( ): 关闭输出流并强制显示发送的数据

write ("text") :将文本写入文档

案例:







	

(5)History 对象

方法:

 back():加载 History 列表中的上一个 URL。

forward() :加载 History 列表中的下一个 URL。

 go("url" or number): 加载 History 列表中的一个 URL,或要求浏览器移动指定的页面数。

注:back ( ) 方法相当于后退按钮 forward ( ) 方法相当于前进按钮 go (1)代表前进 1 页,等价于 forward( )方法; go(-1) 代表后退 1 页,等价于 back( )方法;

(6)Loaction 对象

属性:

host: 设置或检索位置或 URL 的主机名和端口号

hostname: 设置检索位置或 URL 的主机名部分

href :设置或检索完整的 URL 字符串

方法:

assign("url"):加载 URL 指定的新的 HTML 文档。

reload():重新加载当前页

replace("url") :通过加载 URL 指定的文档来替换当前文档

案例:




	
		
		
		
	
	
		
		
	
		

跳转到夏季的页面了.......

春季 秋季 冬季 前一个页面 后一个页面

 

你可能感兴趣的:(JavaScript,的定时器及内置对象,JavaScript,的定时器及内置对象)