時鐘數javascript/php錯誤

http://www.juriseodesign.com/clock/Sydney.php 時鐘數javascript/php錯誤

我的時鐘數javascript顯示錯誤。我有我的背景更改工作，但添加計數時鐘JavaScript後，時鐘不起作用。我想這是由與Mootools和常規jQuery「碰撞」引起的，但我不知道如何解決它。任何人都可以幫助我嗎？另外，當我點擊下拉菜單中的一個城市時，如何連接到其他頁面？

非常感謝！

// JavaScript的文檔

//initial time 
var h_current = -1; 
var m1_current = -1; 
var m2_current = -1; 
var s1_current = -1; 
var s2_current= -1; 


function flip (upperId, lowerId, changeNumber, pathUpper, pathLower){ 
    var upperBackId = upperId+"Back"; 
    $(upperId).src = $(upperBackId).src; 
    $(upperId).setStyle("height", "64px");

未捕獲的類型錯誤：對象＃沒有方法 '的setStyle'（重複315次） $（upperId）.setStyle（「可見性」，「可見」）; $（upperBackId）.src = pathUpper + parseInt（changeNumber）+「。png」;

$(lowerId).src = pathLower+parseInt(changeNumber)+".png"; 
    $(lowerId).setStyle("height", "0px"); 
    $(lowerId).setStyle("visibility", "visible"); 

    var flipUpper = new Fx.Tween(upperId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut}); 
    flipUpper.addEvents({ 
     'complete': function(){ 
      var flipLower = new Fx.Tween(lowerId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut}); 
       flipLower.addEvents({ 
        'complete': function(){ 
         lowerBackId = lowerId+"Back"; 
         $(lowerBackId).src = $(lowerId).src; 
         $(lowerId).setStyle("visibility", "hidden"); 
         $(upperId).setStyle("visibility", "hidden"); 
        }    });     
       flipLower.start('height', 64); 

     } 
         }); 
    flipUpper.start('height', 0); 


}//flip 


function retroClock(){ 

    // get new time 
    now = new Date(); 
    h = now.getHours(); 
    m1 = now.getMinutes()/10; 
    m2 = now.getMinutes() % 10; 
    s1 = now.getSeconds()/10; 
    s2 = now.getSeconds() % 10; 
    if(h < 12) 
     ap = "AM"; 
    else{ 
     if(h == 12) 
      ap = "PM"; 
     else{ 
      ap = "PM"; 
      h -= 12; } 
    } 

    //change pads 

    if(h != h_current){ 
     flip('hoursUp', 'hoursDown', h, 'Single/Up/'+ap+'/', 'Single/Down/'+ap+'/'); 
     h_current = h; 
    } 

    if(m2 != m2_current){ 
     flip('minutesUpRight', 'minutesDownRight', m2, 'Double/Up/Right/', 'Double/Down/Right/'); 
     m2_current = m2; 

     flip('minutesUpLeft', 'minutesDownLeft', m1, 'Double/Up/Left/', 'Double/Down/Left/'); 
     m1_current = m1; 
    } 

    if (s2 != s2_current){ 
     flip('secondsUpRight', 'secondsDownRight', s2, 'Double/Up/Right/', 'Double/Down/Right/'); 
     s2_current = s2; 

     flip('secondsUpLeft', 'secondsDownLeft', s1, 'Double/Up/Left/', 'Double/Down/Left/'); 
     s1_current = s1; 
    } 





} 

setInterval('retroClock()', 1000);

來源

2012-12-09 user1890200

你有沒有嘗試使用jQuery而不是$，可以幫助 –

我剛纔看了jQuery的參考，setStyle方法不存在。您應該使用css方法來代替：

$(upperId).css('height','64px;');

看這段代碼，有很多事情，不與jQuery方法相匹配。

例如：如果你想改變src屬性upperId元素，在jQuery的你應該使用attr方法：

// $(upperId).src = $(upperBackId).src; // WRONG 
$(upperId).attr('src', $(upperBackId).attr('src')); // CORRECT

如果你想引用它的ID元素必須在元素ID前面附加#：

var upperBackId = "#" + upperId + "Back";

來源

2012-12-09 22:02:17 freedev

尼斯趕上那裏:) –

謝謝！那麼，我可以簡單地將所有setStyle替換爲css嗎？ – user1890200

是的。但你也應該運用我寫的其他建議。 – freedev

您嘗試在jQuery中使用Mootools方法。 jQuery中沒有setStyle（）方法。

來源

2012-12-09 22:05:32

謝謝，我得到了這個:) – user1890200

像其他人一樣建議你應該使用$（..）.css（...）函數，因爲setStyle在jQuery中不存在。我通常也更喜歡使用$（...）。hide（）和$（...）。show（）而不是$（...）.css（「visibility」，「hidden」）。或$（...）.css（「visibility」，「visible」），因爲「可見性」仍佔用空間，與將不透明度設置爲0相同 - 如果我隱藏元素，我不希望它使用任何空間...

來源

2012-12-09 22:13:44 j99

時鐘數javascript/php錯誤

回答

相關問題