十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
SCRIPT LANGUAGE="JavaScript"
在大安等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计、成都网站设计 网站设计制作按需策划,公司网站建设,企业网站建设,品牌网站设计,营销型网站建设,外贸网站建设,大安网站建设费用合理。
!--
var maxtime = 60*60;//60*60 //一个小时,按秒计算,自己调整!
function CountDown(){
if(maxtime=0){
//minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
//msg = "距离结束还有"+minutes+"分"+seconds+"秒";
msg = "距离结束还有"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60){
alert('注意,还有5分钟!');
}
--maxtime;
}else{
clearInterval(timer);
//alert("时间到,结束!");
maxtime=60*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//--
/SCRIPT
div id="timer" style="color:red"/div
SCRIPT LANGUAGE="JavaScript"
!--
var maxtime = 5*60;//60*60 //一个小时,按秒计算,自己调整!
var timer;
function CountDown(){
if(maxtime=0){
var minutes = Math.floor(maxtime/60);
var seconds = Math.floor(maxtime%60);
var msg = "距离刷新还有"+minutes+"分"+seconds+"秒";
$('#timer').html(msg);
//document.all["timer"].innerHTML=msg;
--maxtime;
}else{
clearInterval(timer);
//一下两个方法是倒计时结束后调用的方法
searchTaskList();
myajax();
//设置下一次的倒计时
maxtime=5*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//--
/SCRIPT
div id="timer" style="display:inline;color:red"/div
给你一个实例
调用的时候直接写resetTime(这里传入你要倒计时的数字)
本答案出自“我要编程”软件开发师训练平台免费课程。
//单纯分钟和秒倒计时
function resetTime(time){
var timer=null;
var t=time;
var m=0;
var s=0;
m=Math.floor(t/60%60);
m10(m='0'+m);
s=Math.floor(t%60);
function countDown(){
s--;
s10(s='0'+s);
if(s.length=3){
s=59;
m="0"+(Number(m)-1);
}
if(m.length=3){
m='00';
s='00';
clearInterval(timer);
}
console.log(m+"分钟"+s+"秒");
}
timer=setInterval(countDown,1000);
}
!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
第一种:精确到秒的javascript倒计时代码
HTML代码:
form name="form1"
div align="center" align="center"
center离2010年还有:br
input type="textarea" name="left" size="35" style="text-align: center"
/center
/div
/form
script LANGUAGE="javascript"
startclock()
var timerID = null;
var timerRunning = false;
function showtime() {
Today = new Date();
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowMonth = Today.getMonth();
var NowDate = Today.getDate();
var NowYear = Today.getYear();
var NowSecond = Today.getSeconds();
if (NowYear 2000)
NowYear=1900+NowYear;
Today = null;
Hourleft = 23 - NowHour
Minuteleft = 59 - NowMinute
Secondleft = 59 - NowSecond
Yearleft = 2009 - NowYear
Monthleft = 12 - NowMonth - 1
Dateleft = 31 - NowDate
if (Secondleft0)
{
Secondleft=60+Secondleft;
Minuteleft=Minuteleft-1;
}
if (Minuteleft0)
{
Minuteleft=60+Minuteleft;
Hourleft=Hourleft-1;
}
if (Hourleft0)
{
Hourleft=24+Hourleft;
Dateleft=Dateleft-1;
}
if (Dateleft0)
{
Dateleft=31+Dateleft;
Monthleft=Monthleft-1;
}
if (Monthleft0)
{
Monthleft=12+Monthleft;
Yearleft=Yearleft-1;
}
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒'
document.form1.left.value=Temp;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
stopclock();
showtime();
}
// --
/script
第二种:某某运动会
HTML代码:
!--倒计时Javascript begin--
script language="JavaScript"
!--
function DigitalTime1()
{
var deadline= new Date("08/13/2007") //开幕倒计时
var symbol="8月13日"
var now = new Date()
var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave = (deadline.getTime() - now.getTime()) + diff*60000
var day = Math.floor(leave / (1000 * 60 * 60 * 24))
var hour = Math.floor(leave / (1000*3600)) - (day * 24)
var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60)
var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)
var deadline_2= new Date("08/13/2004") //开幕后计时
var symbol_2="8月13日"
var now_2 = new Date()
var diff_2 = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000
var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24))
var hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24)
var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60)
var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60)
day=day+1;
day_2=day_2+1;
if (day0) //还未开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "font
setTimeout("DigitalTime1()",1000)
}
if (day0) //已经开幕
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "font
setTimeout("DigitalTime1()",1000)
}
if (day==0) //正在开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "font
setTimeout("DigitalTime1()",1000)
}
if (day0 day_219) //某某运动会结束
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "font
setTimeout("DigitalTime1()",1000)
}
}
// --
/script
!--倒计时Javascript end--
body onload=DigitalTime1()
div id= LiveClock1/div
/body 第三种:小时倒计时
HTML代码:
SCRIPT LANGUAGE="JavaScript"
!--
var maxtime = 60*60 //一个小时,按秒计算,自己调整!
function CountDown(){
if(maxtime=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60) alert('注意,还有5分钟!');
--maxtime;
}
else{
clearInterval(timer);
alert("时间到,结束!");
}
}
timer = setInterval("CountDown()",1000);
//--
/SCRIPT
div id="timer" style="color:red"/div
第四种:最简倒计时
HTML代码:
Script Language="JavaScript"
!-- Begin
var timedate= new Date("January 14,2006");
var times="研究生考试";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time = 0) ;
document.write("lifont color=#DEDBDE现在离2006年"+times+"还有: font color=#ffffffb"+time +"/b/font 天/font/li");
// End --
/Script
第五种:最简倒计时二
HTML代码:
script language="JavaScript" type="text/javascript"
function djs(){
var urodz= new Date("11/12/2008");
var now = new Date();
var num
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni 1)
num=dni+1
else if (dni == 1) num=2
else if (dni == 0) num=1
else num=0
document.write(num)
}
/script
距某某开幕式还有 [script language="JavaScript" type="text/javascript"djs()/script] 天
第五个:Javascript倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
span id="clock"00:01:11:00/span
input id="startB" type="button" value="start countdown!" onclick="run()"
input id="endB" type="button" value="stop countdown!" onclick="stop()"
br
input id="diff" type="text"
input id="next" type="text"
script language="Javascript"
/* This notice must be untouched at all times.
countdown.js v. 1.0
The latest version is available at
Copyright (c) 2004 Xinyi.Chen. All rights reserved.
Created 7/30/2004 by Xinyi.Chen.
Web:
E-Mail: chenxinyi1978@hotmail.com
Last modified: 7/30/2004
This program is free software;
you can redistribute it and/or modify it under the terms of the
GNU General Public License as published by the Free Software Foundation;
See the GNU General Public License
at for more details.
*/
var normalelapse = 100;
var nextelapse = normalelapse;
var counter;
var startTime;
var start = clock.innerText;
var finish = "00:00:00:00";
var timer = null;
// 开始运行
function run() {
startB.disabled = true;
endB.disabled = false;
counter = 0;
// 初始化开始时间
startTime = new Date().valueOf();
// nextelapse是定时时间, 初始时为100毫秒
// 注意setInterval函数: 时间逝去nextelapse(毫秒)后, onTimer才开始执行
timer = window.setInterval("onTimer()", nextelapse);
}
// 停止运行
function stop() {
startB.disabled = false;
endB.disabled = true;
window.clearTimeout(timer);
}
window.onload = function() {
endB.disabled = true;
}
// 倒计时函数
function onTimer()
{
if (start == finish)
{
window.clearInterval(timer);
alert("time is up!");
return;
}
var hms = new String(start).split(":");
var ms = new Number(hms[3]);
var s = new Number(hms[2]);
var m = new Number(hms[1]);
var h = new Number(hms[0]);
ms -= 10;
if (ms 0)
{
ms = 90;
s -= 1;
if (s 0)
{
s = 59;
m -= 1;
}
if (m 0)
{
m = 59;
h -= 1;
}
}
var ms = ms 10 ? ("0" + ms) : ms;
var ss = s 10 ? ("0" + s) : s;
var sm = m 10 ? ("0" + m) : m;
var sh = h 10 ? ("0" + h) : h;
start = sh + ":" + sm + ":" + ss + ":" + ms;
clock.innerText = start;
// 清除上一次的定时器
window.clearInterval(timer);
// 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间nextelapse
counter++;
var counterSecs = counter * 100;
var elapseSecs = new Date().valueOf() - startTime;
var diffSecs = counterSecs - elapseSecs;
nextelapse = normalelapse + diffSecs;
diff.value = counterSecs + "-" + elapseSecs + "=" + diffSecs;
next.value = "nextelapse = " + nextelapse;
if (nextelapse 0) nextelapse = 0;
// 启动新的定时器
timer = window.setInterval("onTimer()", nextelapse);
}
/script
!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 创建无缝的客户机 - 服务器通信。