導航:首頁 > 編程語言 > 倒計時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演算法相關的資料

熱點內容
蘋果minecraftpe注冊 瀏覽:775
ps怎麼存儲文件卡 瀏覽:728
微信清除緩存圖片恢復 瀏覽:305
安卓app會閃退怎麼解決 瀏覽:429
哪些app背單詞是免費的 瀏覽:889
cf擊殺圖標放哪個文件夾 瀏覽:208
為什麼我的爐石不能查看完整數據 瀏覽:179
蘋果7音量按鍵不回彈 瀏覽:296
u盤兩個系統可以放一個文件夾嗎 瀏覽:538
linuxshell變數累加 瀏覽:386
win10控制面板怎麼看 瀏覽:574
如何編程換裝游戲程序 瀏覽:269
怎麼登錄沭陽縣民政局網站 瀏覽:451
iphone6降級ios7 瀏覽:92
怎麼隱藏三星應用程序圖標不見了 瀏覽:203
可以兼職的app 瀏覽:493
iphone圓角圖標製作 瀏覽:659
建設銀行app怎麼申請 瀏覽:163
系統備份文件夾在哪 瀏覽:998
qq分組exo韓文 瀏覽:849

友情鏈接