add sort

Author: bjtqti

stopwatch/css/style.css

@@ -147,11 +147,11 @@ button {
 	float: right;
 }
 
-.watch-list li:nth-last-child(2){
+.top_2{
 	color: #72bc59;
 }
 
-.watch-list li:nth-last-child(1){
+.top_1{
 	color: #fd455f;
 }
 

stopwatch/js/main.js

@@ -153,15 +153,22 @@ Stopwatch.prototype = {
 			time = [],
 			index = 0;
 			length = list.length;
-		
+		var row = this.getTopRow();
 		if(this.status==='START'){
 			time = this.formatData();
 			li = '<li>计次'+(length+1)+'<i>'+time[0]+':'+time[1]+'.'+time[2]+'</i></li>';
 			index++;
 		}
 		while(length-->0){
 			time = this.formatData(list[length]);
-			li += '<li>计次'+(1+length)+'<i>'+time[0]+':'+time[1]+'.'+time[2]+'</i></li>';
+			var name = '';
+			for(var k=0;k<row.length;k++){
+				if(row[k]===list[length]){
+					name = ' class="top_'+(k+1)+'"';
+					break;
+				}
+			}
+			li += '<li'+name+'>计次'+(1+length)+'<i>'+time[0]+':'+time[1]+'.'+time[2]+'</i></li>';
 			index++;
 		}
 
@@ -191,16 +198,16 @@ Stopwatch.prototype = {
 	},
 
 	/**
-	 * 找出前N名
+	 * 秒表记录排序
 	 * @param int n = 3
 	 */
 	getTopRow:function(n){
-		n = n || 3;
 		var arr = this.recordList.slice();
+		n = n || 3;
 		arr.sort(function(a,b){
-			return b-a;
+			return b - a
 		});
-		return arr;
+		return arr.slice(0,n);
 	}
 }