導航:首頁 > 編程語言 > js5分鍾倒計時事件

js5分鍾倒計時事件

發布時間:2024-11-11 11:51:05

A. js實現 倒計時程序,需求如下:當時間小於10分鍾時,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<input type="button" id="btn" value="免費獲取驗證碼" />
<script type="text/javascript">
var wait=5; //第一次時間設置時間(秒為單位)
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免費獲取驗證碼";
wait = 5; //重新的時間設置時間(秒為單位)
} else {
o.setAttribute("disabled", true);
o.value="重新發送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},1000) ////1000就是1秒鍾提醒一次
if(wait<2){ //少於2秒鍾時,每次提醒一次提醒一次
alert('1'); //alert 提示框提醒
}
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
</body>
</html>

注:alert 提示框提醒,不按確定時間會停止的!

B. 如何用js顯示3分鍾倒計時並輸出指定數字

functiontimeshow(){
vartime=3;//s
varstart=window.setInterval(function(){
time=time-1;
console.log(time);
document.getElementById('show').innerHTML='計時開始,'+time+'秒後跳轉!';
if(time==0){
window.clearInterval(start);
document.getElementById('show').innerHTML='計時結束';
}
},1000);
}

C. 求一段代碼和js,一個頁面多個活動倒計時,並且倒計時結束改變按鈕內容不可點擊,如圖

JS定時器:
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

D. js循環倒計時代碼 每5秒循環倒計時到0 再從5秒開始

|<script>
var start = 5;
var step = 1;
function count()
{
document.getElementById("div1").innerHTML = start;
if(start == 5 || start == 0)
step *= -1;
start += step;
setTimeout("count()",1000);
}
window.onload = count;
</script>
<div id="div1"></div>

E. JS 倒計時問題,手機網頁後台運行時,js會暫停

如果我答得好請給我一點分

在html5中document新增了一個事件 visibilitychange,這個事件在頁面前台或後台切換時被觸發,你所說的問題就簡單了,它也有個對應的屬性visibilityState,用於檢測當前頁面的狀態值為hidden還是visible。

解法是,在hidden時記錄當前時間,在visible時用當前時間減去之前記錄的時間就為當前倒計時需要減去的時間,這也就不需要和後台溝通了,或者你直接在visible時刷新頁面也行,下面是小樣,你測試一下

varb=getTime();

functiongetTime()
{
returnDate.now();

}



document.addEventListener('webkitvisibilitychange',function()
{

if(document.webkitVisibilityState=='hidden')
{
b=getTime();

}else
{
document.body.appendChild(document.createTextNode('間隔:'+(getTime()-b)))

}




})
document.addEventListener('mozvisibilitychange',function()
{


if(document.mozVisibilityState=='hidden')
{
b=getTime();

}else
{
document.body.appendChild(document.createTextNode('間隔:'+(getTime()-b)))

}



})

F. JS實現簡單網頁倒計時器

要製作一個簡單的網頁倒計時器,可以使用JavaScript實現。首先,我們編寫HTML代碼,創建一個用於顯示倒計時時間的div元素。

接下來,編寫JavaScript代碼。首先獲取當前時間,然後指定一個到期時間(例如2032年1月1日),計算當前時間和到期時間的時間差(以毫秒為單位)。接著判斷如果時間超了,停止倒計時。

已知總的秒數,通過取整數的方法計算天數、小時、分鍾和秒數。為了增加用戶體驗,將數字轉換成字元串,並在不足10的分秒中前補0。

定義一個空的字元串用於接收最後的倒計時字元串,並將其顯示在頁面上。最後,通過setInterval函數每1000毫秒更新一次倒計時。

總體的JavaScript代碼如下:

javascript
// 指定計時器到期時間,首先封裝函數
function antitime() {
var now = new Date(); // 獲取當前時間
var to = new Date(2032, 1, 1, 0, 0, 0); // 指定到期時間
var deltaTime = (to - now) / 1000; // 求時間差(秒)
// 判斷如果時間超了,停止倒計時
if (deltaTime <= 0) {
window.clearInterval(antitime);
}
// 計算天數、小時、分鍾和秒數
var d = Math.floor(deltaTime / 3600 / 24),
h = Math.floor(deltaTime / 3600 % 24),
m = Math.floor(deltaTime / 60 % 60),
s = Math.floor(deltaTime % 60);
// 補零
if (d < 10) d = '0' + d;
if (h < 10) h = '0' + h;
if (m < 10) m = '0' + m;
if (s < 10) s = '0' + s;
// 定義一個空的字元串
var timer01 = '距離2032年1月1日還有' + d + '天' + h + '小時' + m + '分' + s + '秒';
document.getElementById('box').innerHTML = timer01;
}
// 開啟定時器,每1000毫秒更新一次
setInterval(antitime, 1000);

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持自由互聯。

G. 求一段JS代碼 顯示5秒倒計時後再觸發按鈕事件,並讓按鈕發送相應的JS事件。

<script type="text/javascript">
var n = 0;
var intervalID;
function setEnable(){

n++;

if(n==5){

btn.disabled = false;
// 有時稍後
clearInterval(intervalID);
}else{

btn.value = "我同意(版"+(5-n)+ ")權";
}
}
intervalID = window.setInterval("setEnable()",1000);
</script>
<input type="button" id="btn" name="btn"
value="Button" disabled="disabled" />

H. js用延時型定時器做一個從5開始,到0結束的倒計時,倒計時結束後彈一個框顯示「時間到了」, 求代碼!!!

vardiv=document.createElement("div");
div.innerHTML="5";
document.body.appendChild(div);
vartimer=setInterval(function(){
--div.innerHTML==0&&(clearInterval(timer),alert("時間復到制了"));
},1000);

ok,代碼簡單易懂

I. 我做的JSP在線考試系統,用JS計時,但當我點擊考試開始倒計時了,比如總共3分鍾,完成一次做題後還剩1分中

是全用js寫嗎? 給的分太少了 而且不需要高人也能做呵呵

閱讀全文

與js5分鍾倒計時事件相關的資料

熱點內容
紅米k30的視頻文件在哪 瀏覽:855
streamreader讀取大文件 瀏覽:682
tmp轉換成excel文件怎麼調表格 瀏覽:471
dnf86版本粉屬強戒指 瀏覽:467
pdf文件怎麼修復 瀏覽:488
linux動態arp檢測 瀏覽:694
編程單獨斜杠什麼意思 瀏覽:762
公司升級大學生 瀏覽:582
pr工程文件打開找不到打開方式 瀏覽:673
win10不自動降頻 瀏覽:531
sat文件是什麼文件 瀏覽:494
appletv如何連接無線網 瀏覽:93
win10怎麼添加搜狗輸入法嗎 瀏覽:391
awk取文件名 瀏覽:692
uc記錄在哪個文件夾 瀏覽:339
網路專家教你如何認證 瀏覽:688
dnf85泰拉石武器升級 瀏覽:11
網路詞眼是什麼意思 瀏覽:953
信達證券網路學院 瀏覽:11
微信發文件復印件 瀏覽:548

友情鏈接