導航:首頁 > 編程語言 > 倒計時js演算法

倒計時js演算法

發布時間:2024-08-14 15:46:34

A. 求高手 給個js代碼 倒計時為 【天 時 分】的JS

復制別人的,不好意思,稍微修改了一下,多加了注釋

<html>
<body>

離2012年還有<b id="show"></b>

<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 = 2011 - NowYear //計算剩餘年數
Monthleft = 12 - NowMonth - 1//計算剩餘月數
Dateleft = 31 - NowDate //計算剩餘天數
/**
* 上述賦值,表示的就是距離2012年1月1日0點0分0秒的剩餘時間數,修改此賦值公式即可得到新的剩餘時間
* 例如,距離2012年1月10日0點0分0秒?我將23,59,59,2011,12,31修改為23,59,59,2012,1,9;
* 修改此項的時候,不要忘記修改html文本中的「離2012年還有」;
*/
if (Secondleft<0)
{
Secondleft=60+Secondleft;
Minuteleft=Minuteleft-1;
}
if (Minuteleft<0)
{
Minuteleft=60+Minuteleft;
Hourleft=Hourleft-1;
}
if (Hourleft<0)
{
Hourleft=24+Hourleft;
Dateleft=Dateleft-1;
}
if (Dateleft<0)
{
Dateleft=31+Dateleft;
Monthleft=Monthleft-1;
}
if (Monthleft<0)
{
Monthleft=12+Monthleft;
Yearleft=Yearleft-1;
}
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小時, '+Minuteleft+'分, '+Secondleft+'秒'
/**你的要求中顯示的是天時分,那麼你可以在此處將你不需要顯示的變數在Temp的賦值中刪去**/
document.getElementById('show').innerHTML = 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>
</body>
</html>

B. js倒計時代碼還剩多少天

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS實現倒計時(時、分,秒)</title>
<script language="javascript" type="text/javascript">
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(2015,8,29,'divdown1');}, interval);
</script>
</head>
這樣就行了,直接復制就可以,樣式自己添加css
阿里康康健康網
<body>
<div id="divdown1"></div>
</body>
</html>

C. JS倒計時代碼,已有類似代碼,求改編

只需要將var
startTime
=
(new
Date("August,8,2008,20:00,")).getTime();
=============》》》》》》改成
var
startTime
=
(new
Date("April,14,2009,20:00,")).getTime();
!!!!其中August是八月,April是四月!!!!!!!
我已經調試成功
結果為:★★★★★現在距北京奧運會還有:
264天
03:47:53★★★★★
若按linkzq所說改成var
startTime=
(new
Date(2009,4,14)).getTime();
則結果為★★★★★現在距北京奧運會還有:
已開始<
>★★★★★

D. js瀹炵幇璺濈2023騫5鏈1鏃ヨ繕鏈夊氬皯澶,灝忔椂,鍒,縐掔殑瀹炴椂鍊掕℃椂鏁堟灉錛

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鍊掕℃椂</title>
</head>
<body>
<div id="countdown"></div>
<script>
// 瀹氫箟鍊掕℃椂鎴姝㈡椂闂
const endTime = new Date('2023-05-01 00:00:00').getTime();
// 姣忕掓洿鏂頒竴嬈″掕℃椂
const countdown = setInterval(function() {
// 鑾峰彇褰撳墠鏃墮棿鎴
const nowTime = new Date().getTime();
// 璁$畻鏃墮棿宸錛堟縐掞級
const timeDiff = endTime - nowTime;
// 璁$畻鍓╀綑澶╂暟銆佸皬鏃舵暟銆佸垎閽熸暟銆佺掓暟
const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
// 灝嗗掕℃椂鏄劇ず鍦ㄩ〉闈涓
document.getElementById('countdown').innerHTML = '璺濈2023騫5鏈1鏃ヨ繕鏈夛細' + days + '澶 ' + hours + '灝忔椂 ' + minutes + '鍒 ' + seconds + '縐';
// 緇撴潫鍊掕℃椂
if (timeDiff < 0) {
clearInterval(countdown);
document.getElementById('countdown').innerHTML = '鍊掕℃椂宸茬粨鏉燂紒';
}
}, 1000);
</script>
</body>
</html>

E. 倒計時JS,到個位數的時候前面怎麼加個0。倒計時天數。

if (daysRound<10)
{
daysRound="0"+daysRound;
}

還有類型轉換的問題,用parseInt(),基本思路應該是這樣

F. 求一個高考倒計時的js代碼,加解釋🙏

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1

-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS實現倒計時</title>
<scriptlanguage="javascript"type="text/javascript">
varinterval=1000;
functionShowCountDown(year,month,day,divname)
{
varnow=newDate();
varendDate=newDate(year,month-1,day);
varleftTime=endDate.getTime()-now.getTime();//剩餘毫秒
varleftsecond=parseInt(leftTime/1000);

varday1=Math.floor(leftsecond/(60*60*24));//剩餘天
varhour=Math.floor((leftsecond-day1*24*60*60)/3600);//剩餘時
varminute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);//剩餘分
varsecond=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);//剩餘秒
varcc=document.getElementById(divname);
cc.innerHTML="距離高考"+year+"年"+month+"月"+day+"日還有:"+day1+"天"+hour+"小時"+minute+"分"+second

+"秒";//顯示
}
window.setInterval(function(){ShowCountDown(2017,6,7,'divdown1');},interval);
</script>
</head>
<body>
<divid="divdown1"></div>
</body>
</html>

G. JS 5縐掑掕℃椂鐨勪唬鐮佹庝箞鍐欙紵鏃墮棿瑕佸疄鏃舵樉紺哄湪灞忓箷涓婄殑銆

<!DOCTYPEhtml>

<htmllang="en">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>js瀹炵幇鍊掕℃椂60縐掔殑綆鍗曚唬鐮(鎺ㄨ崘)</title>

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

</head>

<body>

<inputtype="button"id="btn"value="鍏嶈垂鑾峰彇楠岃瘉鐮"onclick="settime(this)"/>

<scripttype="text/javascript">

varcountdown=60;

functionsettime(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>

H. 求一個倒計時js代碼,非常簡單的

邏輯如下:

1、先判斷兩個時間的時間差,當然如果得到的時間是13位時間戳的話你需要轉化一下

2、判斷時間夠一天顯示天數,夠一小時顯示小時數

相關代碼:

//獲取時間,時間戳轉換,不是則不轉
varmydate1=newDate(parseInt(time1.replace("/Date(","").replace(")/","")));
varmydate2=newDate(parseInt(time2.replace("/Date(","").replace(")/","")));
//獲取剩餘秒數
vartimerc=dateDiff(mydate,'2015/05/1910:00:00')/1000;
functiondateDiff(date1,date2){
vardt1=newDate(Date.parse(date1));
vardt2=newDate(Date.parse(date2));
try{
returnMath.round((dt2.getTime()-dt1.getTime()));
}
catch(e){
returne.message;
}
}
//循環調用倒計時
functionadd(){//加時函數
--timerc;//時間變數自減1
varday=parseInt(timerc/86400);
varhour=parseInt((timerc%86400)/3600);
varmin=parseInt((timerc%3600)/60);
varsec=Number(parseInt(timerc%60/10)).toString()+Number(parseInt((timerc%10))).toString();
if(day>0){//如果不到5分鍾
$("#day").html(day+'天');//寫入天數
$("#hour").html(hour+'時');//寫入小時數
$("#min").html(min+'分');//寫入分鍾數
$("#sec").html(sec+'秒');//寫入秒數(兩位)
}
elseif(hour>0){
$("#hour").html(hour+'時');//寫入小時數
$("#min").html(min+'分');//寫入分鍾數
$("#sec").html(sec+'秒');//寫入秒數(兩位)
}

elseif(min>0){
$("#min").html(min+'分');//寫入分鍾數
$("#sec").html(sec+'秒');//寫入秒數(兩位)
}
elseif(sec!='00'){
$("#sec").html(sec+'秒');//寫入秒數(兩位)
}
else{
tiao(activity);returntrue;//時間到0調用函數
}
setTimeout("add()",1000);//設置1000毫秒以後執行一次本函數
};

望採納!

閱讀全文

與倒計時js演算法相關的資料

熱點內容
u盤的文件刪除後怎麼出個編號呢 瀏覽:961
java中forab什麼意思 瀏覽:5
資料庫導出文件格式 瀏覽:444
微信恢復接收文件 瀏覽:173
哪裡可以找到吃飯的app 瀏覽:736
xp屏保加密碼 瀏覽:436
重裝系統後顯示硬碟文件缺失 瀏覽:65
微信發送的文件都損壞了 瀏覽:402
大量計算用什麼編程方式好 瀏覽:241
編程器刷微星bios刷哪個文件 瀏覽:111
選擇小米手機3版本 瀏覽:314
iphone鏈接 瀏覽:110
9元編程課是什麼 瀏覽:436
cad為什麼不能輸入stl文件 瀏覽:78
編程與外語哪個更好就業 瀏覽:299
為什麼程序會跑飛 瀏覽:659
matlab中的m文件是什麼 瀏覽:226
excel批量保存pdf文件 瀏覽:963
win10文件夾死機動不了 瀏覽:411
ps打開多頁pdf文件 瀏覽:901

友情鏈接