优化

p/index.html

@@ -40,6 +40,7 @@
 	const imgs = document.getElementById("imgs");
 
 	let curPid = 0;
+	let timeout;
 
 	// 监听回车键
 	pid.addEventListener('keypress', function (e) {
@@ -123,10 +124,6 @@
 	}
 
 	function createImage (id, n) {
-		if (id !== curPid) {
-			return;
-		}
-
 		if (!(id > 0)) {
 			return;
 		}
@@ -181,20 +178,29 @@
 			return;
 		}
 
+		clearTimeout(timeout);
+
 		// 设置参数
 		location.hash = pid.value;
 		localStorage.setItem('pid', pid.value);
 		curPid = pid.value - 0;
 
 		// 初始化参数
-		count.innerHTML = 0; // 重置图片数
-		imgs.innerHTML = ''; // 清空图片
+		count.innerHTML = "0"; // 重置图片数
+		imgs.childNodes.forEach(function (img) {
+			img.src = '';
+		});
 
 		// 显示loading
 		loading.style.display = 'inline-block';
 
-		setTimeout(function () {
-			createImage(pid.value - 0, 1);
+		timeout = setTimeout(function () {
+			const id = pid.value - 0;
+			if (id !== curPid) {
+				return;
+			}
+			imgs.innerHTML = ''; // 清空图片
+			createImage(id, 1);
 		}, 100);
 	}