最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼)

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:32:29
文檔

JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼)

JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼):代碼如下: <div class=container-fluid> <div class=main-content-inner> <div class=page-content> <div class=page-header> <form class=form-inline i
推薦度:
導(dǎo)讀JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼):代碼如下: <div class=container-fluid> <div class=main-content-inner> <div class=page-content> <div class=page-header> <form class=form-inline i

代碼如下:

<div class="container-fluid"> 
 <div class="main-content-inner"> 
 <div class="page-content">
 <div class="page-header"> 
 <form class="form-inline" id="searchform"> 
 <div class="form-group" style="margin-left: 10px;">
 <label>分</label> 
 <input type="text" class="form-control" name="Minute" id="Minute">
 </div> 
 <div class="form-group" style="margin-left: 10px;"> 
 <label>秒</label> 
 <input type="text" class="form-control" name="Second" id="Second">
 </div>
 <button type="button" class="btn btn-purple btn-sm" onclick="ok()"> 開始 </button> 
 </form>
 </div>
 <div class="row" style="height:500px;line-height:500px;vertical-align:middle;font-size:200px;color:red;text-align:center;margin-top:100px"> <p id="listview"></p> 
 </div> 
 </div>
 </div> 
 </div>
 <script>
 var t;
 var Minute;
 var Second; 
 var d;
 function ok() {
 if ($("#Minute").val() == "0" || $("#Minute").val() == "") {
 Minute = 0;
 } else {
 Minute = $("#Minute").val();
 }
 if ($("#Second").val() == "0" || $("#Second").val() == "") {
 Second = 0;
 } else {
 Second = $("#Second").val();
 }
 var min = "";
 if (Minute < 10) {
 min = "0" + Minute;
 } else {
 min = Minute + "";
 }
 var sec = "";
 if (Second < 10) {
 sec = "0" + Second;
 } else {
 sec = Second + "";
 }
 $("#listview").text(min + ":" + sec);
 $(".page-header").hide();
 $("#listview").show();
 setTimeout(function () {
 begin()
 }, 1000); 
 }
 function begin() { 
 if (Second != 0) {
 Second--;
 min = "";
 if (Minute < 10) {
 min = "0" + Minute;
 } else {
 min = Minute + "";
 }
 sec = "";
 if (Second < 10) {
 sec = "0" + Second;
 } else {
 sec = Second + "";
 }
 $("#listview").text(min + ":" + sec);
 } else {
 if (Minute > 0) {
 Minute--;
 Second = 59;
 min = "";
 if (Minute < 10) {
 min = "0" + Minute;
 } else {
 min = Minute + "";
 }
 sec = "";
 if (Second < 10) {
 sec = "0" + Second;
 } else {
 sec = Second + "";
 }
 $("#listview").text(min + ":" + sec);
 } else {
 clearTimeout(t);
 }
 }
 t = setTimeout(function () {
 begin()
 }, 1000)
 }
 </script>

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼)

JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼):代碼如下: <div class=container-fluid> <div class=main-content-inner> <div class=page-content> <div class=page-header> <form class=form-inline i
推薦度:
標(biāo)簽: 輸入 js 代碼
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top