js固定时间倒计时

JavaScript018

js固定时间倒计时,第1张

function countdown(when, callback){

    // 判断当前时间

    var now = Date.now()

    if(when < now){

        throw '开始时间不能小于当前时间'

    }

    // 如果大于当前时间，则过了相差的时间后再执行此函数

       else if(when > now){

        setTimeout(function(){

            countdown(when, callback)

        }, when - now)

    } else{

        // 开始倒计时，这里的逻辑你没有描述

    } 

}

注意，js的定时并不是完全准确的。所有的setXXX之类的延时函数都是等计算机空闲下来才会执行

<SCRIPT LANGUAGE="JavaScript">   

<!--   

var maxtime = 60*60 //一个小时，按秒计算，自己调整!   

function CountDown(){   

if(maxtime>=0){   

minutes = Math.floor(maxtime/60)   

seconds = Math.floor(maxtime%60) 

minutes = minutes>=10?minutes:'0'+minutes

seconds = seconds>=10?seconds:'0'+seconds  

msg = "距离结束还有"+minutes+"分"+seconds+"秒"   

document.all["timer"].innerHTML=msg   

if(maxtime == 5*60) alert('注意，还有5分钟!')   

--maxtime   

}   

else{   

clearInterval(timer)   

alert("时间到，结束!")   

}   

}   

timer = setInterval("CountDown()",1000)   

//-->   

</SCRIPT> 

<meta charset="utf-8">  

<div id="timer" style="color:red"></div>

<!DOCTYPE html>

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>js实现倒计时60秒的简单代码(推荐)</title>

<script type="text/javascript" src="js/jquery.js"></script>

</head>

<body>

<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />

<script type="text/javascript">

var countdown=60

function settime(val) {

if (countdown == 0) {

val.removeAttribute("disabled")

val.value="免费获取验证码"

countdown = 5

} else {

val.setAttribute("disabled", true)

val.value="重新发送(" + countdown + ")"

countdown--

setTimeout(function() {

settime(val)

},1000)

}

}

</script>

</body>

</html>

JavaScript简介

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 课外书

如果 JavaScript 教程学习完毕，并且需要更深入地学习这门语言，《JavaScript 高级教程》绝对是您最好的选择。本教程从 JavaScript 的历史开始讲起，直到当前它对 XML 和 Web 服务的支持。

将学习到如何扩展该语言，以使它适应特殊的需求。

还将学到如何使用 JavaScript 创建无缝的客户机 - 服务器通信。