JS时间倒计时并到时自动提交表单，做个考试页面，登录后两个小时答题，要在页面显示开始和结束时间_百度知道
JS时间倒计时并到时自动提交表单，做个考试页面，登录后两个小时答题，要在页面显示开始和结束时间
比10：00进入始走秒数12：00 自提交表单能刷新重新计种谢谢
提问者采纳
&!DOCTYPE&html&&head&&&&&&meta&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&/&&&&&&title&倒计&/title&&&&&&style&&&&&&&&&div&a{float:&margin-left:18}&&&&&&&&.jrotate{&&&&&&&&&&&&width:80&&&&&&&&&&&&padding:0&&&&&&&&}&&&&&&&&.jrotate&&&div{&&&&&&&&&&&&width:36&&&&&&&&&&&&height:36&&&&&&&&&&&&overflow:&&&&&&&&&&&&padding:0&&&&&&&&&&&&margin:0&&&&&&&&&&&&margin-right:2&&&&&&&&&&&&float:&&&&&&&&}&&&&&&&&.jrotate&div&div{&&&&&&&&&&&&text-align:&&&&&&&&&&&&background:#CCC;&&&&&&&&&&&&width:36&&&&&&&&&&&&height:36&&&&&&&&&&&&margin:0&&&&&&&&&&&&font-size:36&&&&&&&&}&&&&&&&&.time{&&&&&&&&&&&&font-size:24&&&&&&&&}&&&&&/style&&&&&&script&src=&jq-2.1.0.js&&&/script&&/head&&body&&div&style=&text-align:&&&&&&&div&class=&not-start&&style=&display:&&&&&&&&&&&&h1&考试未始&/h1&&&&&&/div&&&&&&div&class=&show-daojishi&&style=&display:&&&&&&&&&&&&h1&考试结束倒计&/h1&&&&&&/div&&&&&&div&class=&show-end&&style=&display:&&&&&&&&&&&&h1&考试已经结束&/h1&&&&&&/div&&&&&&&&&&h1&time&&/h1&&&&&&&&&&div&style=&padding-left:36%;&&&&&&&&&&&&&&&a&&&&&&&&&&&&&&&&&&div&day&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&div&class=&time&&&&&&&&&&&&&&&&&&&&&&days&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&a&&&&&&&&&&&&&&&&&&div&hour&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&div&class=&time&&&&&&&&&&&&&&&&&&&&&&hours&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&a&&&&&&&&&&&&&&&&&&div&minute&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&div&class=&time&&&&&&&&&&&&&&&&&&&&&&minutes&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&a&&&&&&&&&&&&&&&&&&div&second&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&div&class=&time&&&&&&&&&&&&&&&&&&&&&&seconds&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&/a&&&&&&&&&&&&&&div&style=&clear:both&&&/div&&&&&&&&&&/div&&&&&&&&&&form&action=&#&&class=&show-daojishi&&&&&&&&&&&&&&&div&考试内容&/div&&&&&&&&&&/form&&/div&&script&&&&&function&Jrotate(cfg){&&&&&&&&cfg&=&$.extend({},Jrotate.defaults,cfg);&&&&&&&&this.init(cfg);&&&&}&&&&$.fn.Jrotate&=&function(){&&&&&&&&return&new&Jrotate({renderTo:this[0]});//注意返JQ象&&&&}&&&&Jrotate.prototype&=&{&&&&&&&&init:function(cfg){&&&&&&&&&&&&this.cfg&=&&&&&&&&&&&&&if(!cfg.renderTo)&return&;&&&&&&&&&&&&cfg.renderTo&=&$(cfg.renderTo);&&&&&&&&&&&&if(cfg.renderTo[0].isJrotate)&&&&&&&&&&&&cfg.renderTo[0].isJrotate&=&&&&&&&&&&&&&if(cfg.class){&&&&&&&&&&&&&&&&cfg.renderTo.addClass(cfg.class);&&&&&&&&&&&&}&&&&&&&&&&&&cfg.showNumber&=&cfg.showNumber&||&0&;&&&&&&&&&&&&cfg.showNumber&+=&'';&&&&&&&&&&&&this.makeDefaultList(Math.max(cfg.startLength,cfg.showNumber.length),cfg.startNumber);&&&&&&&&&&&&this.setNumber(cfg.showNumber);&&&&&&&&},&&&&&&&&makeDefaultList:function(len,num){&&&&&&&&&&&&if(len&&&1)return&;&&&&&&&&&&&&var&cfg&=&this.&&&&&&&&&&&&num&=&num&||&0;&&&&&&&&&&&&num&+=&'';&&&&&&&&&&&&while(num.length&&&len){&&&&&&&&&&&&&&&&num&=&'0'&+&&&&&&&&&&&&&}&&&&&&&&&&&&var&cfg&=&this.&&&&&&&&&&&&for(var&i&=&0&;&i&&&len&;&i++){&&&&&&&&&&&&&&&&if(&cfg.renderTo.children('div').length&=cfg.maxLength)&&&&&&&&&&&&&&&&cfg.renderTo.prepend(this.makeList(num.charAt(i)));&&&&&&&&&&&&}&&&&&&&&},&&&&&&&&setNumber:function(num){&&&&&&&&&&&&if(num&==&this.lastNumber)&&&&&&&&&&&&if(isNaN(num))&&&&&&&&&&&&var&cfg&=&this.&&&&&&&&&&&&num&+=&'';&&&&&&&&&&&&var&length&=&num.&&&&&&&&&&&&var&len&=&cfg.renderTo.children('div').&&&&&&&&&&&&this.makeDefaultList(Math.max(cfg.startLength,length)&-&len);&&&&&&&&&&&&length&=&Math.max(length,len,cfg.startLength);&&&&&&&&&&&&while(num.length&&&length){&&&&&&&&&&&&&&&&num&=&'0'&+&&&&&&&&&&&&&}&&&&&&&&&&&&var&_this&=&&&&&&&&&&&&&cfg.renderTo.children('div').each(function(index){&&&&&&&&&&&&&&&&index&=&length&-&index&-&1;&&&&&&&&&&&&&&&&var&char&=&num.charAt(index);&&&&&&&&&&&&&&&&if(this.showIndex&==&char)&&&&&&&&&&&&&&&&&var&obj&=&{ele:this,index:index};&&&&&&&&&&&&&&&&setTimeout(function(){_this.gotoIndex(obj.ele,char,1)},5);&&&&&&&&&&&&});&&&&&&&&&&&&this.lastNumber&=&&&&&&&&&},&&&&&&&&gotoIndex:function(ele,index,sts){&&&&&&&&&&&&ele&=&$(ele);&&&&&&&&&&&&var&h&=&ele.children('div:first').height();&&&&&&&&&&&&var&cfg&=&this.&&&&&&&&&&&&ele[0].showIndex&=&&&&&&&&&&&&&ele.animate({&&&&&&&&&&&&&&&&scrollTop&&:&index&*&h&&&&&&&&&&&&}&,&sts&&&&cfg.speed);&&&&&&&&},&&&&&&&&makeList:function(num){&&&&&&&&&&&&num&=&num&||&0;&&&&&&&&&&&&var&_this&=&&&&&&&&&&&&&var&ul&=&$(&&div&&);&&&&&&&&&&&&for(var&i&=&0&;&i&&&10&;&i++){&&&&&&&&&&&&&&&&var&li&=&$('&div&');&&&&&&&&&&&&&&&&ul.append(li.html(i));&&&&&&&&&&&&}&&&&&&&&&&&&setTimeout(function(){_this.gotoIndex(ul,num,0)},2);&&&&&&&&&&&&return&&&&&&&&&}&&&&}&&&&Jrotate.defaults&=&{&&&&&&&&renderTo:&'#div',//显示效象&&&&&&&&startNumber:&0,&&&&&&&&showNumber:&0,&&&&&&&&maxLength&:&2,&&&&&&&&startLength&:&2,&&&&&&&&class:&'jrotate',//式&&&&&&&&speed:&500&//画速度&&&&};&&&&var&lastTime&=&'&12:00:00';//截止间&&&&var&startTime&=&'&16:00:00';//始间&&&&var&days&=&$('[day]').Jrotate();&&&&var&hours&=&$('[hour]').Jrotate();&&&&var&minutes&=&$('[minute]').Jrotate();&&&&var&seconds&=&$('[second]').Jrotate();&&&&var&times&=&{&&&&&&&&day:days,&&&&&&&&hour:hours,&&&&&&&&minute:minutes,&&&&&&&&second:seconds&&&&}&&&&var&showT&&&&function&setTime(){&&&&&&&&var&date&=&new&Date().getTime();&&&&&&&&if(date&&&startTimes){&&&&&&&&&&&&$('.not-start').show();&&&&&&&&&&&&showTime&=&startT&&&&&&&&}else&if(date&&&lastTimes){&&&&&&&&&&&&alert('考试结束');&&&&&&&&&&&&$('form')[0].submit();&&&&&&&&}else{&&&&&&&&&&&&$('.not-start').hide();&&&&&&&&&&&&$('.show-daojishi').show();&&&&&&&&&&&&showTime&=&lastT&&&&&&&&}&&&&&&&&var&_time&=&{}&&&&&&&&var&t&=&(showTime&-&date)&/&1000&|&0;//总秒数&&&&&&&&_time.day&=&t&/&(60&*&60&*&24)&|&0;//数&&&&&&&&t&-=&_time.day&*&60&*&60&*&24;&&&&&&&&_time.hour&=&t&/&(60&*&60)&|&0;//数&&&&&&&&t&-=&_time.hour&*&60&*&60;&&&&&&&&_time.minute&=&t&/&60&|&0;//钟&&&&&&&&_time.second&=&t&-&_time.minute&*&60;//秒数&&&&&&&&$('[time]').html(_time.day&+&''&+&_time.hour&+&''&+&_time.minute&+&''&+&_time.second&+&'秒');&&&&&&&&for(var&i&in&times){&&&&&&&&&&&&times[i].setNumber(_time[i]);&&&&&&&&}&&&&}&&&&var&date&=&new&Date().getTime();&&&&var&startTimes&=new&Date(startTime).getTime();&&&&var&lastTimes&=&new&Date(lastTime).getTime();&&&&if(date&&&lastTimes){&&&&&&&&$('.show-end').show().nextAll().remove();&&&&}else{&&&&&&&&setTime();&&&&&&&&setInterval(setTime,500);&&&&}&/script&&/body&&/html&请修改具体始间 截止间展示同效 包括未始 进行已经完毕处理
提问者评价
其他类似问题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁当前位置：
＞＞＞某同学测自己步行速度，从12点10分5秒开始记时，当他走完80米时，..
某同学测自己步行速度，从12点10分5秒开始记时，当他走完80米时，时间为12点11分45秒，则这个同学的步行速度为（　　）A．1.25米/秒B．0.73米/秒C．0.67米/秒D．0.8米/秒
题型：单选题难度：中档来源：不详
步行所用的时间为：t=12：11：45-12：10：05=1min40s=100s；步行的距离为：s=80m；故步行的速度为：v=st=80m100s=0.8m/s．故选D．
马上分享给同学
据魔方格专家权威分析，试题“某同学测自己步行速度，从12点10分5秒开始记时，当他走完80米时，..”主要考查你对&&速度的计算&&等考点的理解。关于这些考点的“档案”如下：
现在没空？点击收藏，以后再看。
因为篇幅有限，只列出部分考点，详细请访问。
速度的计算
计算公式：v=。其中v表示速度，s表示路程，t表示通过这段路程所用的时间。巧选参照物简化速度的计算：&& 恰当地选择参照物，可使某些关于速度计算的复杂问题变得简单。像超车、错车，漂流物问题等都可以这样试试!不要形成定势，只盯着地面或地面上静止的物体做参照物!
例1在一列以18m／s的速度匀速行驶的火车上，某乘客以2m／s的速度在车厢内行走(车厢长 20m)．下列说法正确的是(& ) A．乘客用ls的时间从车厢头走到车厢尾 B．乘客用11s的时间从车厢头走到车厢尾 C．乘客用10s的时间从车厢头走到车厢尾 D，乘客用1．25s的时间从车厢头走到车厢尾
解析研究地面上运动的物体我们首先想到的参照物是地面。本题如果以地面为参照物，火车和乘客都在运动，问题很复杂，如果我们选取匀速行驶的火车为参照物，问题就会简单许多，只剩下一个相对于参照物运动的物体——乘客，无论乘客从车头走到车尾，或从车尾走到车头，相对车厢走的路程都是车厢长 20m，相对于车的速度为2m／s，由速度公式的变形，可求出时间，则乘客无论从车头走到 车尾或从车尾走到车头所需时间均相等，故正确答案为C。
比值类问题解决方法：&&&& 求比值的问题，把所给条件写成比的形式后，根据速度公式或者其变形公式，把所要求的硅用比值表示出来，化简，代入数据，计算得出结果。
例甲乙两匀速直线运动的物体的速度之比勾 4：3，运动的时间之比为4：1，则两车通过的路程之比为 (&& ) A．4：3B．4：l C.& 3：4D．16：3
解析：有速度公式变形得s=vt，利用速度公式来求路程之比。
发现相似题
与“某同学测自己步行速度，从12点10分5秒开始记时，当他走完80米时，..”考查相似的试题有：
143469253702279199277581279048135144