网页上脚本倒计时代码（网页上脚本倒计时代码怎么弄）

本篇文章给大家谈谈网页上脚本倒计时代码，以及网页上脚本倒计时代码怎么弄对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。
• 2、JS 倒计时实现代码(时、分，秒)
• 3、网页倒计时代码，精确到秒
• 4、网页点击按钮开始一小时倒计时的JavaScript代码

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

!DOCTYPE html

html lang="en"

head

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

titlejs实现倒计时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 创建无缝的客户机 - 服务器通信。

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

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需刷新才能执行]

网页倒计时代码，精确到秒

脚本说明:

第一步：把如下代码加入body区域中

SCRIPT LANGUAGE="JavaScript"

!-- Begin

function getTime() {

now = new Date();

y2k = new Date("Jan 1 2005 14:00:00");

days = (y2k - now) / 1000 / 60 / 60 / 24;

daysRound = Math.floor(days);

hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);

hoursRound = Math.floor(hours);

minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);

minutesRound = Math.floor(minutes);

seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);

secondsRound = Math.round(seconds);

sec = (secondsRound == 1) ? " second." : " seconds.";

min = (minutesRound == 1) ? " minute" : " minutes, ";

hr = (hoursRound == 1) ? " hour" : " hours, ";

dy = (daysRound == 1) ? " day" : " days, "

document.timeForm.input1.value = "剩余时间: " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec;

newtime = window.setTimeout("getTime();", 1000);

}

// End --

/script

距离: Jan 1, 2005 2:00:00 p.m.

form name=timeForm

input type=text name=input1 size=70 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif"

/form

第二步：把body中的内容改为：

body bgcolor="#fef4d9" onLoad="getTime()"

希望可以帮到你哦

网页点击按钮开始一小时倒计时的JavaScript代码

!DOCTYPE html

html

  head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

title/title

script

var interval;

var djs = function(){

if(!!interval) return;

var d = new Date("1111/1/1,1:0:0");

result.innerHTML = d.getHours() + "时" 

+ d.getMinutes() + "分" + d.getSeconds() + "秒";

interval = setInterval(function(){

if(d.getHours() ==0d.getMinutes()==0d.getSeconds()==0) {

clearInterval(interval);

interval =null;

}

result.innerHTML = d.getHours() + "时" 

+ d.getMinutes() + "分" + d.getSeconds() + "秒";

d.setSeconds(d.getSeconds() - 1);

},1000);

}  

/script

  /head

body

     div id="result"

/div

button onclick="djs()"

倒计时

/button

  /body

/html

关于网页上脚本倒计时代码和网页上脚本倒计时代码怎么弄的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。