你現在顯示的語句是:
烏翠ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景,ssl證書未來市場廣闊!成為創新互聯的ssl證書銷售渠道,可以享受市場價格4-6折優惠!如果有意向歡迎電話聯系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
txt.value = timestr;
那么input name=txt ..的控件必須直接在body里面,不能在某個form里面,如果在form name=form1 ...里面,那么語句應該寫為:
document.form1.txt.value = timestr;
你這個代碼看著我都有點暈,你看我這個吧
!DOCTYPE?html
html
head?lang="ch"
meta?charset="UTF-8"
titlecountdown/title
/head
body
span?id="countdown"/span
script
var?days,?hours,?minutes,?seconds;
var?target_date?=?new?Date("Jan?1,?2050").getTime();
var?countdown?=?document.getElementById("countdown");
setInterval(function?()?{
var?current_date?=?new?Date().getTime();
var?seconds_left?=?(target_date?-?current_date)?/?1000;
days?=?parseInt(seconds_left?/?86400);
seconds_left?=?seconds_left?%?86400;
hours?=?parseInt(seconds_left?/?3600);
seconds_left?=?seconds_left?%?3600;
minutes?=?parseInt(seconds_left?/?60);
seconds?=?parseInt(seconds_left?%?60);
countdown.innerHTML?=?days?+?"天,?"?+?hours?+?"小時,?"
+?minutes?+?"分鐘,?"?+?seconds?+?"秒";
},?1000);
/script
/body
/html
倒計時生成器JS腳本
說明: 用來生成倒計時JS代碼的腳本
效果: 點這里在新窗口中看效果!
代碼: 要完成此效果需要兩個步驟
第一步:把如下代碼加入到head區域中
SCRIPT language=javascript
!--
function generate(form){
for(var q=0;q12;q++){
if(document.me.m.options[document.me.m.selectedIndex].value==q){
var m2=q+1
}
var txt='!-- 要完成此效果需要三個步驟:\r\n\r\n'
+' 1. 將第一部分粘貼到HTML的HEAD區\r\n'
+' 2. 將OnLoad事件加入BODY標簽內\r\n'
+' 3. 將最后一部分代碼加入BODY區 --\r\n\r\n'
+'!-- 第一步: 將如下代碼加入到HEAD區域中--\r\n\r\n'
+'HEAD\r\n\r\nSCRIPT LANGUAGE="JavaScript"\r\n\r\n'
+'!-- Begin\r\n'
+'var Temp2;\n'
+'var timerID = null;\n'
+'var timerRunning = false;\n'
+'function arry() {\n'
+'this.length = 12;\n'
+'this[0] = 31;\n'
+'this[1] = 28;\n'
+'this[2] = 31;\n'
+'this[3] = 30;\n'
+'this[4] = 31;\n'
+'this[5] = 30;\n'
+'this[6] = 31;\n'
+'this[7] = 31;\n'
+'this[8] = 30;\n'
+'this[9] = 31;\n'
+'this[10] = 30;\n'
+'this[11] = 31;\n'
+'}\n'
+'var date = new arry();\n'
+'\n'
+'function stopclock() {\n'
+'if(timerRunning)\n'
+'clearTimeout(timerID);\n'
+'timerRunning = false;\n'
+'}\n'
+'\n'
+'function startclock() {\n'
+'stopclock();\n'
+'showtime();\n'
+'}\n'
+'\n'
+'function showtime() {\n'
+'now = new Date();\n'
+'var CurMonth = now.getMonth();\n'
+'var CurDate = now.getDate();\n'
+'var CurYear = now.getFullYear();\n'
+'now = null;\n'
+'if ('+document.me.d.options[document.me.d.selectedIndex].value+'CurDate) {\n'
+'CurDate -= date[CurMonth]; CurMonth++;\n'
+'}\n'
+'if ('+document.me.m.options[document.me.m.selectedIndex].value+' CurMonth) {\n'
+'CurMonth -= 12; CurYear++;\n'
+'}\n'
+'\n'
+'var Yearleft = '
+document.me.y.options[document.me.y.selectedIndex].value+' - CurYear;\n'
+'var Monthleft = '
+document.me.m.options[document.me.m.selectedIndex].value+' - CurMonth;\n'
+'var Dateleft = '
+document.me.d.options[document.me.d.selectedIndex].value+' - CurDate;\n'
+'\n'
+'document.dateform.a.value = Yearleft;\n'
+'document.dateform.b.value = Monthleft;\n'
+'document.dateform.c.value = Dateleft;\n'
+'\n'
+'timerID = setTimeout("showtime()",1000);\n'
+'timerRunning = true;\n'
+'}\n'
+'/\/ End --\r\n\/script\r\n'
+'\/H'+'EAD\r\n\r\n'
+'!-- 第二步:把OnLoad事件加在BODY標記里 --\r\n\r\n'
+'BO'+'DY Onload="startclock()"\r\n\r\n'
+'!-- 第三步:把如下代碼加入到BODY區域中 --\r\n\r\n'
+'form name=dateform距離'
+m2+'/'+document.me.d.options[document.me.d.selectedIndex].value+'/'
+document.me.y.options[document.me.y.selectedIndex].value
+'還有\n'
+'input type=text name=a size=2 value=""年\n'
+'input type=text name=b size=2 value=""月\n'
+'input type=text name=c size=2 value=""天\n'
+'/fo'+'rm\r\n\r\n'
+''+'!-- 代碼長度: 1.95 KB --'+''
;}document.mail.source.value=txt;document.mail.source2.value=txt;}
//--
/SCRIPT
第二步:把如下代碼加入到body區域中
div align="center"
table border=5 bordercolor=#000000 borderlight=green
tr
td align=centerfont size="4" color="#CCCC00" face="楷體_GB2312"
倒計時JS代碼生成器/font
/td
/tr
tr
td align=center
form name=me
p
select name=m size=1
option value=0January /option
option value=1February /option
option value=2March /option
option value=3April /option
option value=4May /option
option value=5June /option
option value=6July /option
option value=7August /option
option value=8September /option
option value=9October /option
option value=10November /option
option value=11December /option
/select
select name=d size=1
option value=11 /option
option value=22 /option
option value=33 /option
option value=44 /option
option value=55 /option
option value=66 /option
option value=77 /option
option value=88 /option
option value=99 /option
option value=1010 /option
option value=1111 /option
option value=1212 /option
option value=1313 /option
option value=1414 /option
option value=1515 /option
option value=1616 /option
option value=1717 /option
option value=1818 /option
option value=1919 /option
option value=2020 /option
option value=2121 /option
option value=2222 /option
option value=2323 /option
option value=2424 /option
option value=2525 /option
option value=2626 /option
option value=2727 /option
option value=2828 /option
option value=2929 /option
option value=3030 /option
option value=3131 /option
/select
select name=y size=1
option value=19991999 /option
option value=20002000 /option
option value=20012001 /option
option value=20022002 /option
option value=20032003 /option
option value=20042004 /option
option value=20052005 /option
option value=20062006 /option
option value=20072007 /option
option value=20082008 /option
option value=20092009 /option
/selectbr
input type=button onclick=generate() value=生成代碼 class=yk9
p/p
/form
form name=mail
input type=hidden name=scriptname value="Countdown Creator"
input type=hidden name=source2 value
table bgcolor=dedfdf border=1 cellpadding=1 width=396
tr
td align=center height=218
textarea name=source rows=12 cols=55 class=yk9
/textarea
brbr/td
td/td
/tr
/table
/form
/td
/tr
/table
/div
參考資料:
我用純JS實現不了刷新頁面還能保持刷新前的數據
這個需要把開始倒數時的時間傳入后臺,利用后臺做出時間的調整,就是獲取倒數5分鐘之后是什么時間,刷新得到調整后的時間再和當前時間做出對比得到需要倒數的時間,然后繼續倒數。
如果有高手可以實現刷新頁面可以得到上一次頁面的JS信息,能繼續倒數的話請發上來共同學習。
我給你提供思路。
退格你可能需要用到字符串函數,substring(1)來截取不包含第一個字符的后面所有的字符,然后把值傳給文本框。
求倒數,你需要定義一個臨時變量,把分母和分子的的值作交換就行了。
代碼你自己寫,不難的。
我給你我的代碼,你參考一下,把這些放在head和/head之間
span id="clock"00:00:05: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"
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 -= 1;
if (ms 0)
{
ms = 9;
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
本文名稱:倒數Javascript,倒數日app下載
瀏覽地址:http://vcdvsql.cn/article38/dsdidpp.html
成都網站建設公司_創新互聯,為您提供App設計、靜態網站、小程序開發、網站維護、營銷型網站建設、手機網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯