JS 倒计时实现代码(时、分,秒)

JavaScript021

JS 倒计时实现代码(时、分,秒),第1张

JS实现倒计时(时、分,秒)

var

interval

=

1000

function

ShowCountDown(year,month,day,divname)

{

var

now

=

new

Date()

var

endDate

=

new

Date(year,

month-1,

day)

var

leftTime=endDate.getTime()-now.getTime()

var

leftsecond

=

parseInt(leftTime/1000)

//var

day1=parseInt(leftsecond/(24*60*60*6))

var

day1=Math.floor(leftsecond/(60*60*24))

var

hour=Math.floor((leftsecond-day1*24*60*60)/3600)

var

minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60)

var

second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60)

var

cc

=

document.getElementById(divname)

cc.innerHTML

=

"脚本之家提示距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒"

}

window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1')},

interval)

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

JS可以实现很多java代码不易完成的功能。这里学习一些js中的计时器事件。

JavaScript 一个设定的时间间隔之后来执行代码,称之为计时事件。

主要通过两个方法来实现:

1.setInterval() - 间隔指定的毫秒数不停地执行指定的代码。

2.setTimeout() - 暂停指定的毫秒数后执行指定的代码

并且,这两个方法都是window对象的方法。

首先,介绍setInterval()方法,该方法值得是间隔一定的毫秒数不停的执行指定的代码。

语法:window.setInterval(”js代码,函数等“,毫秒数)

实例1:每三秒弹出一个hello

setInterval(function(){alert("Hello")},3000)

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

<script type="text/javascript">

var myVar

function startTimer(){

/*setInterval() 间隔指定的毫秒数不停地执行指定的代码*/

myVar=setInterval(function(){myTimer()},1000)

}

function myTimer()/* 定义一个得到本地时间的函数*/

{

var d=new Date()

var t=d.toLocaleTimeString()

document.getElementById("demo").innerHTML=t

}

function stopTimer()

{/* clearInterval() 方法用于停止 setInterval() 方法执行的函数代码*/

clearInterval(myVar)

}

</script>

setTimeout() 方法

在html或jsp中

<body>

<h4 id="demo"></h4>

<input type="button" onclick="startTimer()" value="开始">

<input type="button" onclick="stopTimer()" value="停止">

</body>

对于setTimeout()方法,指的是指定的毫秒数后执行指定的代码或方法。

语法:window.setTimeout("javascript 函数",毫秒数)

实例1:3秒钟后弹出”hello“提示框

setTimeout(function(){alert("Hello")},3000)

实例2:三秒钟后跳转到前一个页面

<script type="text/javascript">

setTimeout(function(){

window.history.back()

},3000)

</script>

如何执行停止呢?

clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。这里注意myVar必须是一个全局变量。实例如下:

var myVar

function myFunction()

{

myVar=setTimeout(function(){alert("Hello")},3000)

}

function myStopFunction()

{

clearTimeout(myVar)

}

以上就把js计时器的基本功能简要介绍了,具体的使用场景,想要深刻理解,只有到项目用到时方可有新的理会。

在js中,可以对两个时间戳进行相减,使用if语句判断结果,从而实现时间戳的比较。具体步骤如下:

1、在test.html文件内,命名为test.html,用于讲解js时间戳怎么比较。

2、在test.html文件内,在js标签内创建一个pan()函数,函数有两个参数,分别st1,st2。

3、在pan()函数内,分别将两个时间使用new Date()转换为时间对象,保存在t1,t2变量中。

4、在pan()函数内,将两个时间对象分别利用getTime()方法转换为时间戳,分别保存在变量tt1,tt2变量中。

5、在pan()函数内,将两个时间戳相减,差值保存在res变量中。

6、在pan()函数内,使用if语句对res进行判断,如果res等于0,提示“两个时间相等”,如果res大于0,提示“t1时间大于t2时间”,如果不符合上面两种情况,则提示“t2时间大于t1时间”。

7、在pan()函数外,创建两个时间变量,并调用pan()函数进行判断。

8、在浏览器打开test.html文件,查看判断的结果。