2014-04-13 120 views
-1

非常了解JavaScript,并一直在寻找如何让计数器计时器工作。 这里是我的JSfiddle的链接。对于发生了什么问题得到一些反馈会很棒。 谢谢。计数器计时器JavaScript

<script type="text/javascript"> 
$(function() { 
var arr = 
["https://botanicalappbeta.s3.amazonaws.com/uploads/plant_photo/image/1512/paphioacmodontum.jpg", "https://botanicalappbeta.s3.amazonaws.com/uploads/plant_photo/image/1250/aechmea1.jpg"]; 

$("#puzzle div").css({'background-image':'url(' +arr[Math.floor(Math.random()*arr.length)] + ')'}); 

var puzzle = $("#puzzle"); 
var pieces = $("#puzzle div"); 

pieces.sort(function (a, b) { 
    var temp = parseInt(Math.random() * 100); 
    var isOddOrEven = temp % 2; 
    var isPosOrNeg = temp > 5 ? 1 : -1; 
    return (isOddOrEven * isPosOrNeg); 
}).appendTo(puzzle); 

var timer; 
var secs = 0; 
var mins = 0; 
var timeField = document.getElementById("time"); 
timeField.innerHTML = "00:00"; 

function update(){ 
if(sec == 59){ 
    mins++; 
    secs = 0; 
} 
else { 
    secs++; 
} 
if(secs<10){ 
    timeField.innerHTML = mins + ':0' + secs; 
} 
else { 
    timeField.innerHTML = mins + ':' + secs; 
} 
} 

function start(){ 
timer = setInterval(function() {update()}, 1000); 
} 

start();  
initSwap(); 

function initSwap() { 
initDroppable($("#puzzle div")); 
initDraggable($("#puzzle div")); 
} 


function initDraggable($elements) { 
$elements.draggable({ 
    appendTo: "body", 
    helper: "clone", 
    cursor: "move", 
    revert: "invalid" 
}); 
} 

function initDroppable($elements) { 
$elements.droppable({ 
    activeClass: "ui-state-default", 
    hoverClass: "ui-drop-hover", 
    accept: ":not(.ui-sortable-helper)", 
    over: function (event, ui) { 
     var $this = $(this); 
    }, 
    drop: function (event, ui) { 
     var $this = $(this); 
     var linew1 = $(this).after(ui.draggable.clone()); 
     var linew2 = $(ui.draggable).after($(this).clone()); 
     $(ui.draggable).remove(); 
     $(this).remove(); 
     initSwap(); 
    } 
}); 
} 
}); 
</script> 

这是JSFiddle!

http://jsfiddle.net/QY5jb/1/

+1

......这样有什么不好? –

回答

1

应该if(secs == 59)而不是if(sec == 59),因为你的变量命名为secs

+0

天才哈哈。谢啦 – Nolemonpledge