2016-01-07 24 views
1

我希望我能夠清楚地解釋這一點。使用PHPExcel從excel中加載動態數據

我顯示12個字符代表在時間

A = 23-1:59L = 21-22:59

每天有幸運時間例如今天幸運時間C,d ,E和F這些需要大膽。

如果今天是幸運時間,角色需要眨眼。

我們親自指定每天的幸運時間,並將其存儲在excel中。

我用PHPExcel提取並傳送給luckyTime()函數

window.setInterval(function(){ 
    luckyTime(<?php echo json_encode($lucky_data); ?>); 
}, 1000); 

這裏是我的代碼

<span class="cn-time" id="cn-time-1">A</span> 
<span class="cn-time" id="cn-time-2">B</span> 
<span class="cn-time" id="cn-time-3">C</span> 
<span class="cn-time" id="cn-time-4">D</span> 
<span class="cn-time" id="cn-time-5">E</span> 
<span class="cn-time" id="cn-time-6">F</span> 

<span class="cn-time" id="cn-time-7">G</span> 
<span class="cn-time" id="cn-time-8">H</span> 
<span class="cn-time" id="cn-time-9">I</span> 
<span class="cn-time" id="cn-time-10">J</span> 
<span class="cn-time" id="cn-time-11">K</span> 
<span class="cn-time" id="cn-time-12">L</span> 


/* JAVASCRIPT */ 

function luckyTime(t) 

var jArray = t; 
var hr = new Date().getHours(); 
var min = new Date().getMinutes(); 

$('.cn-time').removeClass("blink"); 
$('.cn-time').removeClass("lucky-time"); 

if(jArray[1] == "CHECK") { 
    $('#cn-time-1').addClass("lucky-time"); 
    if(hr == 23 || hr == 0 || hr == 0 && min < 60) { 
     $('#cn-time-1').addClass("blink"); 
    } 
} 

if(jArray[2] == "CHECK") { 
    $('#cn-time-2').addClass("lucky-time"); 
    if(hr == 1 || hr == 2 || hr == 2 && min < 60) { 
     $('#cn-time-2').addClass("blink"); 
    } 
} 

if(jArray[3] == "CHECK") { 
    $('#cn-time-3').addClass("lucky-time"); 
    if(hr == 3 || hr == 4 || hr == 4 && min < 60) { 
     $('#cn-time-3').addClass("blink"); 

    } 
} 

if(jArray[4] == "CHECK") { 
    $('#cn-time-4').addClass("lucky-time"); 
    if(hr == 5 || hr == 6 || hr == 6 && min < 60) { 
     $('#cn-time-4').addClass("blink"); 
    } 
} 

if(jArray[5] == "CHECK") { 
    $('#cn-time-5').addClass("lucky-time"); 
    if(hr == 7 || hr == 8 || hr == 8 && min < 60) { 
     $('#cn-time-5').addClass("blink"); 
    } 
} 

if(jArray[6] == "CHECK") { 
    $('#cn-time-6').addClass("lucky-time"); 
    if(hr == 9 || hr == 10 || hr == 10 && min < 60) { 
     $('#cn-time-6').addClass("blink"); 
    } 
} 

if(jArray[7] == "CHECK") { 
    $('#cn-time-7').addClass("lucky-time"); 
    if(hr == 11 || hr == 12 || hr == 12 && min < 60) { 
     $('#cn-time-7').addClass("blink"); 
    } 
} 

if(jArray[8] == "CHECK") { 
    $('#cn-time-8').addClass("lucky-time"); 
    if(hr == 13 || hr == 14 || hr == 14 && min < 60) { 
     $('#cn-time-8').addClass("blink"); 
    } 
} 

if(jArray[9] == "CHECK") { 
    $('#cn-time-9').addClass("lucky-time"); 
    if(hr == 15 || hr == 16 || hr == 16 && min < 60) { 
     $('#cn-time-9').addClass("blink"); 
    } 
} 

if(jArray[10] == "CHECK") { 
    $('#cn-time-10').addClass("lucky-time"); 
    if(hr == 17 || hr == 18 || hr == 18 && min < 60) { 
     $('#cn-time-10').addClass("blink"); 
    } 
} 

if(jArray[11] == "CHECK") { 
    $('#cn-time-11').addClass("lucky-time"); 
    if(hr == 19 || hr == 20 || hr == 20 && min < 60) { 
     $('#cn-time-11').addClass("blink"); 
    } 
} 

if(jArray[12] == "CHECK") { 
    $('#cn-time-12').addClass("lucky-time"); 
    if(hr == 21 || hr == 22 || hr == 22 && min < 60) { 
     $('#cn-time-12').addClass("blink"); 
    } 
} 

我的問題是我不能讓新在沒有刷新頁面的情況下更改的那一天的幸運時間。

+0

所以,你有什麼問題嗎? –

+0

@SylvainMARTIN在底部。 – POGI

+1

@SylvainMARTIN在底部。如何在不刷新頁面的情況下獲得新的幸運時間? – POGI

回答

1

請加入luckyTime功能AJAX請求的獲取最新數據,並返回一個JSON格式的數據:

window.setInterval(function(){ 
    luckyTime(); 
}, 1000); 

function luckyTime(){ 
    $.ajax({ 
     url:"getLatestData.php", 
     success:function(r){ 
      var jArray = JSON.parse(r); 
      var hr = new Date().getHours(); 
      var min = new Date().getMinutes(); 

      $('.cn-time').removeClass("blink"); 
      $('.cn-time').removeClass("lucky-time"); 

      if(jArray[1] == "CHECK") { 
       $('#cn-time-1').addClass("lucky-time"); 
       if(hr == 23 || hr == 0 || hr == 0 && min < 60) { 
        $('#cn-time-1').addClass("blink"); 
       } 
      } 

      if(jArray[2] == "CHECK") { 
       $('#cn-time-2').addClass("lucky-time"); 
       if(hr == 1 || hr == 2 || hr == 2 && min < 60) { 
        $('#cn-time-2').addClass("blink"); 
       } 
      } 

      if(jArray[3] == "CHECK") { 
       $('#cn-time-3').addClass("lucky-time"); 
       if(hr == 3 || hr == 4 || hr == 4 && min < 60) { 
        $('#cn-time-3').addClass("blink"); 

       } 
      } 

      if(jArray[4] == "CHECK") { 
       $('#cn-time-4').addClass("lucky-time"); 
       if(hr == 5 || hr == 6 || hr == 6 && min < 60) { 
        $('#cn-time-4').addClass("blink"); 
       } 
      } 

      if(jArray[5] == "CHECK") { 
       $('#cn-time-5').addClass("lucky-time"); 
       if(hr == 7 || hr == 8 || hr == 8 && min < 60) { 
        $('#cn-time-5').addClass("blink"); 
       } 
      } 

      if(jArray[6] == "CHECK") { 
       $('#cn-time-6').addClass("lucky-time"); 
       if(hr == 9 || hr == 10 || hr == 10 && min < 60) { 
        $('#cn-time-6').addClass("blink"); 
       } 
      } 

      if(jArray[7] == "CHECK") { 
       $('#cn-time-7').addClass("lucky-time"); 
       if(hr == 11 || hr == 12 || hr == 12 && min < 60) { 
        $('#cn-time-7').addClass("blink"); 
       } 
      } 

      if(jArray[8] == "CHECK") { 
       $('#cn-time-8').addClass("lucky-time"); 
       if(hr == 13 || hr == 14 || hr == 14 && min < 60) { 
        $('#cn-time-8').addClass("blink"); 
       } 
      } 

      if(jArray[9] == "CHECK") { 
       $('#cn-time-9').addClass("lucky-time"); 
       if(hr == 15 || hr == 16 || hr == 16 && min < 60) { 
        $('#cn-time-9').addClass("blink"); 
       } 
      } 

      if(jArray[10] == "CHECK") { 
       $('#cn-time-10').addClass("lucky-time"); 
       if(hr == 17 || hr == 18 || hr == 18 && min < 60) { 
        $('#cn-time-10').addClass("blink"); 
       } 
      } 

      if(jArray[11] == "CHECK") { 
       $('#cn-time-11').addClass("lucky-time"); 
       if(hr == 19 || hr == 20 || hr == 20 && min < 60) { 
        $('#cn-time-11').addClass("blink"); 
       } 
      } 

      if(jArray[12] == "CHECK") { 
       $('#cn-time-12').addClass("lucky-time"); 
       if(hr == 21 || hr == 22 || hr == 22 && min < 60) { 
        $('#cn-time-12').addClass("blink"); 
       } 
      } 
     } 
    }); 
} 
+1

此代碼可幫助我向上移動。謝謝。 – POGI

+0

我的功能遲到addClass(「眨眼」)它需要10secs和效果甚至我已經把我的間隔設置爲100ms – POGI

相關問題