我正在將檔案上傳到檔案夾中，并將它們的詳細資訊保存到資料庫中。在執行此任務時，我正在啟動我的計時器并在插入資料后我有興趣停止計時器。
<div id="labelUploadingStartTime" name="labelUploadingStartTime"></div>
<div id="labelUploadingEndTime" name="labelUploadingEndTime"></div>
使用下面的函式，我在labelUploadingStartTime標簽上顯示開始時間。
function startUpdatingUploading_StartTimeIndicator() {
intervalIdUploadingStartTime = setInterval(
function () {
$.post(
"/MyUpload/GetStartTime",
function (progress) {
$("#labelUploadingStartTime").html(progress);
}
);
},
10
);
}
同時，在 labelUploadingEndTime 中設定 labelUploadingStartTime 值時，我將使用以下函式顯示倒計時詳細資訊。
function startUpdatingUploadingEndTimeIndicator() {
$.post(
"/MyUpload/GetStartTime",
function (progress) {
if (progress != null) {
intervalIdUploadingEndTime = setInterval(function () {
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
// Add leading zeros
hours = (hours < 10 ? "0" : "") hours;
minutes = (minutes < 10 ? "0" : "") minutes;
seconds = (seconds < 10 ? "0" : "") seconds;
// Compose the string for display
var currentTimeString = hours ":" minutes ":" seconds;
$("#labelUploadingEndTime").html(currentTimeString);
}, 1000);
}
}
);
}
現在我的興趣是當資料插入資料庫時??，我想停止計時器，而在labelUploadingEndTime中，我想顯示結束時間。
例如，
labelUploadingStartTime --> 12:10:10
labelUploadingEndTime --> 12:12:30
如何停止計時器？
uj5u.com熱心網友回復：
要回答您的問題，您可以使用clearInterval()JS 函式停止計時器。您傳入要停止的計時器 ID，例如：
clearInterval(intervalIdUploadingEndTime);
但是，我認為您根本不需要計時器。您可以使用 的success功能$.post將完成時間添加到其他標簽。
function doUpload() {
var startTime = new Date();
$("#labelUploadingStartTime").html(startTime.toLocaleString());
$.post(
"/MyUpload/PostFiles",
function () {
var endTime = new Date();
$("#labelUploadingEndTime").html(endTime.toLocaleString());
}
);
}
您的后端不需要回傳檔案上傳的開始和結束時間，您在客戶端擁有該資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/457365.html
標籤：javascript jQuery .net-core asp.net-mvc-5