JavaScript入门之事件、cookie、定时等(3)


function getCookie(c_name)
{
var i,x,y;
var cookieArray = document.cookie.split(";");
for (i=0;i
{
x = cookieArray[i].substr(0,cookieArray[i].indexOf("="));
y = cookieArray[i].substr(cookieArray[i].indexOf("=")+1);
x = x.replace(/^\s+|\s+$/g,"");
if(x == c_name)
{
return unescape(y);
}
}
}
alert(getCookie('cookiename'));


正如你所见到的那样,cookie提供了强大的功能,能够为访问者创建定制的体验,也可以只是存储数据以备以后使用。

定时

JavaScript提供了几个函数来让你控制和设置某些行为的执行时间,这类函数中最常见的是:

1. setInterval

2. clearInterval

3. setTimeout

4. clearTimeout

setInterval函数

在某些情况下,JavaScript代码需要反复执行但又无需任何的用户交互,setInterval函数可以让你很容易就做到这一点。setInterval有两个必需的和一个可选的参数,第一个必需的参数是你想要重复执行的代码(code),第二个参数是毫秒(milliseconds),其定义了JavaScript代码每次执行的间隔时长。第三个可选参数是一个可传递给函数调用的实际参数,这一函数调用是通过code参数来指定的。一开始你可能会觉得所设置的间隔时长有些奇怪,因为它被定义成毫秒。因此,如果你希望每间隔一秒钟运行一次的话,就是要1000毫秒,两秒就是2000毫秒,如此类推。表2列出了每个参数及其在setInterval函数中的作用。

表2. setInterval函数的可用参数

参数必需的还是可选的 描述

code必需的 setInterval函数要执行的JavaScript代码;

这一代码可以是定制的或是一个函数调用。

milliseconds 必需的 每两次代码执行之间的间隔时长,以毫秒为单位。

argument  可选的 是一个很有用的参数,当函数被用作code参数时,

可用来把实际参数传递给该函数。

下面的代码提供了这样的一个例子,即如何使用setInterval函数来每隔10秒钟就执行一次另一个函数,并把一个参数传递给该函数。这样argument的值就可以在执行函数的内部被访问,该参数可以是一个变量、对象,或是一个简单的文本串,如该例子中展示的那样:

复制代码 代码如下:


setInterval(myFunction, 10000, 'sample');
function myFunction(myArg)
{
alert('myFunction argument value: '+ myArg);
}


如果你想要终止这样的一种间隔执行的话,语言也为此提供了一个函数。

clearInterval函数

终止间隔行为需要用到clearInterval函数,不过在最初创建间隔行为时必须要包含一个变量,这样之后的clearInterval才能引用它。下面的代码提供了一个例子,说明clearInterval函数如何引用之前为最初的setInterval设定的变量:

复制代码 代码如下:


var myInterval = setInterval(myFunction, 10000, 'sample');
function myFunction(myArg)
{
alert('myFunction argument value: '+ myArg);
clearInterval(myInterval);
}


正如你所见到的那样,最初的setInterval函数被指派了一个变量名,其名称为myInterval。在这以后你就可以使用myInterval来引用setInterval,并可改变这一变量,或是使用clearInterval函数来停止最初的间隔执行函数。在这一例子中,这一函数只被调用了一次,因为clearInterval函数在该函数第一次调用时就执行了。

setTimeout函数

在可以基于某个时间约束来执行代码方面,setTimeout函数类似于setInterval函数,甚至其参数也是和setInterval的一样的(参见表2)。不过,最大的不同则是setTimeout函数只执行代码一次而不是重复执行。这里的例子说明了如何使用setTimeout函数来在10秒钟之后执行一个函数。

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjxwy.html