大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
你现在显示的语句是:
乌翠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