JavaScript 时间函数

一、 JavaScript setTimeout() 函数

setTimeout -- 暂停指定的毫秒数后执行指定的代码

setTimeout ，中文"设置超时"的意思引用网址:http://www.dreamdu.com/javascript/window.setTimeout/

setTimeout函数语法

setTimeout(codes, interval);

setTimeout函数参数

codes -- 代码段的字符串表示(与eval函数的参数相同)，或者是匿名函数、函数名 interval -- 等待的毫秒数(通常用于产生动画效果)

setTimeout函数返回值

setTimeout函数的ID标识，每次调用setTimeout函数都会产生一个唯一的ID，可以通过clearTimeout函数(此函数的参数接收一个setTimeout返回的ID)暂停setTimeout函数还未执行的代码

setTimeout函数说明

通过setTimeout函数暂停一段时间后执行代码，可以实现一些特殊的效果

示例

function setbgColor()

{

document.bgColor="#000000";

}

setTimeout(setbgColor, 1000);

setTimeout(functionsetbgColor(){document.bgColor="#000000";}, 1000);

setTimeout("document.bgColor='#000000'",1000);

var icolor=0;

var iNum=256;

setTimeout(setbgColor, 500);

function setbgColor()

{

document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;

if((icolor+=10)<iNum)

{

setTimeout(setbgColor, 500);

}

使用setTimeout函数改变网页的背景颜色

JavaScript setTimeout() 函数示例 -- 可以尝试编辑

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>JavaScript setTimeout 函数示例</title>

</head>

<body>

var icolor=0;

var iNum=256;

setTimeout(setbgColor, 500);

function setbgColor()

{

document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;

if((icolor+=10)<iNum)

{

setTimeout(setbgColor, 500);

}

</script>

</body>

</html>

二、 JavaScript clearTimeout() 函数

clearTimeout -- 取消指定的setTimeout函数将要执行的代码

clearTimeout ，中文"清除超时"的意思引用网址:http://www.dreamdu.com/javascript/window.clearTimeout/

clearTimeout函数语法

clearTimeout(id);

clearTimeout函数参数

id -- setTimeout 函数返回的ID

clearTimeout函数说明

如果还没有执行setTimeout函数中的代码，就调用了clearTimeout函数，那么就不会执行setTimeout函数中的代码了。

示例

variID=setTimeout("document.bgColor='#000000'", 1000);

clearTimeout(iID);

JavaScript clearTimeout() 函数示例 -- 可以尝试编辑

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>JavaScript clearTimeout 函数示例</title>

</head>

<body>

<scripttype="text/javascript">

variID=setTimeout("document.bgColor='#000000'", 1000);

clearTimeout(iID);

</script>

</body>

</html>

三、 JavaScript setInterval() 函数

setInterval -- 间隔指定的毫秒数不停地执行指定的代码

setInterval ，中文"设置间隔时间"的意思引用网址:http://www.dreamdu.com/javascript/window.setInterval/

setInterval函数语法

setInterval(codes, interval);

setInterval函数参数

codes -- 代码段的字符串表示(与eval函数的参数相同)，或者是匿名函数、函数名 interval -- 间隔的毫秒数

setInterval函数返回值

setInterval函数的ID标识，每次调用setInterval函数都会产生一个唯一的ID，可以通过clearInterval函数(此函数的参数接收一个setInterval返回的ID)暂停setInterval函数

setInterval函数说明

setInterval函数会重复间隔一段时间执行代码，因此应使用clearInterval函数将其停止，或者页面被卸载也会自动停止

示例

var icolor=0;

var iNum=256;

var iID=setInterval(setbgColor,500);

function setbgColor()

{

document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;

if((icolor+=10)>iNum)

{

clearInterval(iID);

}

使用setInterval函数改变网页背景的颜色

JavaScript setInterval() 函数示例 -- 可以尝试编辑

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>JavaScript setInterval 函数示例</title>

</head>

<body>

<scripttype="text/javascript">

var icolor=0;

var iNum=256;

var iID=setInterval(setbgColor, 500);

function setbgColor()

{

document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;

if((icolor+=10)>iNum)

{

clearInterval(iID);

}

</script>

</body>

</html>

四、 JavaScript clearInterval() 函数

clearInterval -- 取消指定的setInterval函数将要执行的代码

clearInterval ，中文"清除间隔时间"的意思引用网址:http://www.dreamdu.com/javascript/window.clearInterval/

clearInterval函数语法

clearInterval(id);

clearInterval函数参数

id -- setInterval 函数返回的ID

示例

var icolor=0;

var iNum=256;

var iID=setInterval(setbgColor,500);

function setbgColor()

{

document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;

if((icolor+=10)>iNum)

{

clearInterval(iID);

}

JavaScript clearInterval() 函数示例 -- 可以尝试编辑

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>JavaScript clearInterval 函数示例</title>

</head>

<body>

<scripttype="text/javascript">

var icolor=0;

var iNum=256;

var iID=setInterval(setbgColor, 500);

function setbgColor()

{

document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;

if((icolor+=10)>iNum)

{

clearInterval(iID);

}

</script>

</body>

</html>

JavaScript 时间函数相关推荐

javascript时间函数
//js格式化时间 //"yyyy-MM-dd hh:mm:ss" Date.prototype.format = function (format) {var date = {& ...
javascript时间格式format函数，js日期格式化函数
我在之前有一篇文章,写的是"javascript时间戳函数",大家可以看一下,记录了js时间戳的转换,今天主要写的函数式日期格式化函数,我们有时候调用的new Date()不是格式 ...
html关于计时的函数,关于JavaScript获取时间函数及实现倒计时
关于JavaScript获取时间函数及实现倒计时 JavaScript获取当前时间函数 var time=new Date() 获取时间函数 Date() 返回当日的日期和时间. getDate() ...
获取JavaScript时间戳函数的方法和js时间戳转时间方法
文章目录一.JavasCRIPT时间转时间戳方法一:Date.now() 方法三:valueOf() 方法四:getTime() 方法五:Number 二.js时间戳转时间方法一:生成'yyyy ...
JavaScript时间日期函数
//随机数生成器 Math.random() 装换为整数 parseInt() 日期时间函数(需要用变量调用): var b = new Date(); //获取当前时间 b.getTime() // ...
[译] ES6+ 中的 JavaScript 工厂函数（第八部分）
本文讲的是[译] ES6+ 中的 JavaScript 工厂函数(第八部分), 原文地址:JavaScript Factory Functions with ES6+ 原文作者:Eric Elliot ...
JavaScript 常用函数总结
javascript函数: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert ...
JavaScript 常用函数
javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函 ...
JavaScript(三)——函数、变量作用域、方法
文章目录 1. 函数 2. 变量的作用域 3. 方法 4. 内部对象 4.1 Date 4.2 JSON 4.3 Ajax 1. 函数在JavaScript中,函数即对象,可以随意地被程序操控,函数 ...

JavaScript 时间函数

JavaScript 时间函数相关推荐

最新文章

热门文章