JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。

JavaScript026

JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。,第1张

<!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 创建无缝的客户机 - 服务器通信。

<script>

var start = 5

var step = 1

function count()

{

document.getElementById("div1").innerHTML = start

if(start == 5 || start == 0)

step *= -1

start += step

setTimeout("count()",1000)

}

window.onload = count

</script>

<div id="div1"></div>

<html>

<head>

<title>JS时间循环</title>

<script type="text/javascript">

window.onload = function(){

showTime(1)

}

var seconds = 5

function showTime(time)

{

document.getElementById("time_div").innerHTML = seconds

if(seconds >= 0)

{

seconds--

}

else{

seconds = 5

window.location.reload()

}

setTimeout("showTime()",1000)

}

</script>

</head>

<body>

<div id="time_div"></div>

</body>

</html>