請建議我該怎么做。" />
TEL:400-8793-956
當前位置:程序、服務器

如何在網頁上添加計時器

提問者: 近期獲贊: 瀏覽人數: 發布時間:2020-12-20 15:26:09

 問:我想在網頁上包含一個計時器,該計時器旨在像本網站一樣進行在線測試,其鏈接如下http://www.indiabix.com/online-test/aptitude-test/random。

請建議我該怎么做。
 
 
答:另外,在這里我正在編寫一些代碼來創建一個簡單的Timer StopWatch,您可以根據需要對其進行修改。
碼:
 
腳本:
window.onload = function()
{
  秒表('開始');
}
var sec = 0;
var min = 0;
var hour = 0;
秒表功能(文本){
   秒++;
  如果(秒== 60){
   秒= 0;
   min = min +1; }
  其他{
   min = min; }
  如果(min == 60){
   min = 0; 
   小時+ = 1; }
 
if(sec <= 9){sec =“ 0” + sec; }
   document.clock.stwa.value =((hour <= 9)?“ 0” + hour:hour)+“:” +((min <= 9)?“ 0” + min:min)+“:” +秒
 
  if(text ==“ Start”){document.clock.theButton.value =“ Stop”; }
  if(text ==“ Stop”){document.clock.theButton.value =“開始”; }
 
  如果(document.clock.theButton.value ==“開始”){
   window.clearTimeout(SD);
   返回true;}
SD = window.setTimeout(“ stopwatch();”,1000);
}
 
函數resetIt(){
  秒= -1;
  min = 0;
  小時= 0;
  如果(document.clock.theButton.value ==“ Stop”){
  document.clock.theButton.value =“開始”; }
  window.clearTimeout(SD);
 }
 
 
var c = 0
變數
函數stopCount()
{
clearTimeout(t)
}
函數timedCount()
{
document.getElementById('txt')。value = c
c = c + 1
如果(c == 61)
{
警報(“超時”)
stopcount()
}
t = setTimeout(“ timedCount()”,1000)
}
 
HTML:
<表格>
 <輸入type =“ text” id =“ txt”>
 <input type =“ button” value =“開始秒表” onClick =“ timedCount()”>
 <p>單擊上方的開始按鈕以啟動秒表。
 
 
腳本:
var time = 0,
    經過的='0.0';
window.setInterval(function()
{
    時間+ = 100;
    經過的時間= Math.floor(time / 100)/ 10;
    if(Math.round(elapsed)==過去){過去+ ='.0'; }
    document.title =過去;
},100);
 
答:使用下面的代碼作為解決方案。
 
<span id =“ countdown”> 01:30:10 </ span>
<script src =“ // code.jquery.com/jquery-1.11.2.min.js”> </ script>
<script src =“ // code.jquery.com/jquery-migrate-1.2.1.min.js”> </ script>
<script type =“ text / javascript”>
    (功能(){
  $(document).ready(function(){
      var time =“ 01:30:10”,
      零件= time.split(':'),
      小時= + parts [0],
      分鐘= +份[1],
      秒= +部分[2],
      跨度= $('#countdown');
 
    函數correctNum(num){
      返回(num <10)?(“ 0” + num):num;
    }
 
    var timer = setInterval(function(){
        秒-;
          if(seconds == -1){
            秒= 59;
              分鐘 - ;
 
              if(分鐘== -1){
                分鐘= 59;
                  小時 - ;
 
                  if(hours ==-1){
                  alert(“計時器完成”);
                  clearInterval(timer);
                  返回;
                }
            }
        }
          span.text(correctNum(hours)+“:” + correctNum(minutes)+“:” + correctNum(seconds));
    },1000);
  }); 
})()
 
</ script>
上一篇: 如何解決內部服務器錯誤(數據庫)werkzeug:請求時出錯:
下一篇: 全局和局部變量聲明之間的區別
城市網站導航:無錫網站建設 徐州企業網站定制 常州網站開發哪家好 蘇州網站改版 南通網站開發 連云港網站建設 淮安網站建設公司 鹽城網站定制 揚州網站改版公司 鎮江網站開發 泰州高端網站制作 宿遷高端網站開發 江陰高端網站開發 宜興建設網站 新沂建設網站 邳州建設網站 常熟建設網站 張家港網站改版 昆山公司網站開發 太倉高端網站制作 丹陽高端網站制作 句容專業建站 泰興網站制作公司 合肥網站建設 蕪湖網站制作 蚌埠網站建設 淮南網站制作哪家好 馬鞍山網站建設 銅陵網站制作公司 安慶網站建設公司 黃山網站制作 滁州網站建設 阜陽網站設計 六安網站建設 亳州網站制作 宣城網站建設 巢湖網站建設哪家好 桐城網站制作 天長網站建設 明光網站建設 全椒網站建設 揚中網站建設公司 城市小程序導航:
彩票平台软件8 四川金7乐走势图手机板 福彩3d和值走势图 辽宁11选5开奖直播 北京单场过关sp值 百家乐平注法_Welcome 幸运飞艇开奖记录查询 职业培训机构 东方电子股票走势 温州麻将怎么打 陕西快乐10分玩法中奖八个号规则 上海时时乐开奖记录 江苏11选5前三技巧 投资理财官方网站 山东麻将技巧十句口诀 双色球走势图历史记录 辽宁35选7采风走势图