SCRIPT LANGUAGE="JavaScript"
在大安等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統性、市場前瞻性、產品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供網站設計、成都網站設計 網站設計制作按需策劃,公司網站建設,企業(yè)網站建設,品牌網站設計,營銷型網站建設,外貿網站建設,大安網站建設費用合理。
!--
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(這里傳入你要倒計時的數字)
本答案出自“我要編程”軟件開發(fā)師訓練平臺免費課程。
//單純分鐘和秒倒計時
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才開始執(zhí)行
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="重新發(fā)送("?+?countdown?+?")";
countdown--;
setTimeout(function()?{
settime(val)
},1000)
}
}
/script
/body
/html
JavaScript簡介
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面后,可由所有的現代瀏覽器執(zhí)行。
JavaScript 課外書
如果 JavaScript 教程學習完畢,并且需要更深入地學習這門語言,《JavaScript 高級教程》絕對是您最好的選擇。本教程從 JavaScript 的歷史開始講起,直到當前它對 XML 和 Web 服務的支持。
將學習到如何擴展該語言,以使它適應特殊的需求。
還將學到如何使用 JavaScript 創(chuàng)建無縫的客戶機 - 服務器通信。
網站標題:關于javascript倒計時代碼的信息
網頁路徑:http://www.chinadenli.net/article14/dseddde.html
成都網站建設公司_創(chuàng)新互聯,為您提供網站改版、網站設計公司、域名注冊、外貿網站建設、網站維護、響應式網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯