JavaScript 时间函数

最新推荐文章于 2024-07-07 21:25:15 发布
最新推荐文章于 2024-07-07 21:25:15 发布
阅读量1.9k 收藏
点赞数 1
文章标签： javascript xhtml function
 

一、  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>

         <script type="text/javascript">

         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>


啸苍狼
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript(JS)_时间函数
03-19
JavaScript(JS)_时间函数，常用的js时间函数的用法
javascript时间函数基础介绍
01-19
javascript时间函数 javascript提供了Date对象来进行时间和日期的计算。 Date对象有多种构造函数： new Date() //当前时间new Date(milliseconds) //距离起始时间1970年1月1日的毫秒数new Date(datestring) //字符...
Javascript日期函数
qdzx2008的专栏
09-22 1847
Date（日期）对象可以使用Date()构造器来创建，在前面的教程中我们已经介绍了Date()构造器，这里就不重复叙述。它没有参数，返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入：var today = new Date(); 返回当前的日期和时间 var newyear = new Date("December 31, 1998 23:59:59"); 输入的是表单的字符串 “
JavaScript获取当前时间
最新发布
qq_55342245的博客
07-07 362
JavaScript获得时间戳的方法有五种，后四种都是通过实例化时间对象new Date() 来进一步获取当前的时间戳，JavaScript处理时间主要使用时间对象Date。通过 valueOf() 函数返回指定对象的原始值获得准确的时间戳值。Date.parse() 将字符串或者时间对象直接转化成时间戳。如果参数为一个字符串，将字符串视为日期的字符串表示，转换为日期。将时间对象转化为一个number类型的数值，即时间戳。Date.now() 可以获得当前的时间戳。Date对象字符串 (toString)
javascript 时间函数
xiaolvzi的专栏
08-14 963
Javascript日期函数         Date（日期）对象可以使用Date()构造器来创建，在前面的教程中我们已经介绍了Date()构造器，这里就不重复叙述。它没有参数，返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入：         var   today   =   new   Date();         返回当前的日期和时间             var  
javascript时间函数
diaochejiang2761的博客
08-29 431
javascript时间函数 javascript时间函数javascript提供了Date对象来进行时间和日期的计算。 Date对象有多种构造函数： new Date() //当前时间new Date(milliseconds) //距离起始时间1970年1...
javascript时间函数大全
12-09
JavaScript中的日期和时间处理...了解并熟练掌握这些JavaScript日期和时间函数，可以帮助开发者在处理日期和时间相关的任务时更加得心应手。无论是创建、比较还是格式化日期，JavaScript的Date对象都能提供强大的支持。
JavaScript时间转换处理函数
10-24
JavaScript时间转换处理函数是编程中常见的一类问题，特别是在网页应用和前端开发中，处理时间显示、比较和格式化是必不可少的功能。JavaScript内置了Date对象来处理日期和时间，但有时候需要自定义函数来满足特定...
JavaScript 常用函数
10-29
(3) getHours函数用于获取当前时间的“小时”部分。 (4) getMinutes函数获取“分钟”部分。 (5) getMonth函数获取日期中的“月”部分（0到11）。 (6) getSeconds函数获取“秒”部分。 (7) getTime函数返回自1970年1...
javascript格式化日期时间函数
10-30
为了帮助开发者高效完成这一任务，许多JavaScript库提供了日期时间格式化的函数。在本例中，我们将探讨一个自定义的JavaScript函数，该函数能够根据提供的格式代码来格式化日期和时间。 该函数名为DateUtil.Format...
Javascript 日期时间函数的使用
2201_75883077的博客
02-02 1793
<script>// 输出当前日期和时间</script>
JavaScript时间函数
呱呱的博客
02-21 1220
时间对象 创建基于当前时间的时间对象 new Date(); 基于传递的参数作为时间对象 new Date(milliseconds); //milliseconds毫秒值 new Date(datestring); //一个字符串，声明了日期，也可以同时声明时间 new Date(year, month, day, hours, minutes, seconds, ms); //单...
js时间函数
唐唐
11-26 204
[size=medium]1.取得当前时间：[/size] var date=new Date(); [size=medium]2.已知年、月、日转换成日期型的数据：[/size] var applyDate = document.domainExceptionForm.applyDate.value; applyDate = applyDate.split("T")[0]; var...
Javascript日期函数的一些总结
weixin_33787529的博客
11-25 167
原文地址：http://beyondweb.cn/article_detail.php?id=31Javascript函数一共可分为五大类：常规函数、数组函数、日期函数、数学函数及字符串函数，因此日期函数可以说是Javascript语言的核心函数之一，下面总结了日期函数的21个函数，他们大都围绕Date对象展开广泛的应用。下面我们就来详细了解一下他们吧。先熟悉一下这些函数，最...
javascript Date日期对象
weixin_30693683的博客
10-21 116
创建一个日期对象：var objDate=new Date([arguments list]);参数形式有以下５种：new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms...
javascript的日期函数
点点的java小栈
08-04 1616
本文主要讲解javascript的日期函数，日期的取值，格式，以及转换，保存，判断，一直都是一个项目中比较头疼的一个东西。本篇文章主要讲解前端中Date对象的一些常用函数的用法。
【JavaScript】JavaScript中的时间函数
jiangwei0512的博客
01-07 825
介绍JavaScript中的时间函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值