2013-10-18 86 views
-1

HTML文件:試圖讓jQuery的倒計時工作,但它不工作

// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Coming Soon</title> 
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
    <link href="tools/style.css" rel="stylesheet" type="text/css" /> 
    <link href="tools/jquery.countdown.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="tools/jquery.min.js"></script> 
    <script type="text/javascript" src="tools/jquery.countdown.js"></script> 
    <!-- <script type="text/javascript" src="tools/bg.js"></script> --> 
    <script type="text/javascript"> 
$(function() { 
var austDay = new Date(); 
austDay = new Date(2013, 10, 18, 12, 00); 
$('#defaultCountdown').countdown({until: austDay}); 
$('#year').text(austDay.getFullYear()); 
    }); 

    $(function(){ 
    $('.fadein img:gt(0)').hide(); 
    setInterval(function(){ 
     $('.fadein :first-child').fadeOut(3000) 
    .next('img').fadeIn(3000) 
    .end().appendTo('.fadein');}, 
     3000); // change this to change the transition timing 
    }); 
    </script> 
    </head> 
    <body> 
    <div id="shim"></div> 
    <div class="fadein"> 
    <img src="images/photo1.jpg"> 
    <img src="images/photo2.jpg"> 
<img src="images/photo3.jpg"> 
<img src="images/photo4.jpg"> 
<img src="images/photo5.jpg"> 
    </div> 
    <div id="content"> 
    <div class="logo"><h1>Sva Spa and Salon</span></h1></div> 
<div class="right_side"> 
    <div class="right_content"> 
     <h2>Watch For Our Brand New Website</h2> 
     <div id="defaultCountdown"></div> 
     <form class="email" action=""> 
      <input class="get_notified" type="text"  
    onfocus="if(this.value=='Provide EMAIL for Reminder') this.value='';"   
    onblur="if(this.value=='' || this.value==' ') this.value='Provide EMAIL for 
    Reminder';"  
    value="Provide EMAIL for Reminder"/> 
      <input type="button" class="go" /> 
     </form> 
    </div> 
</div> 
    </div> 

    </body> 
    </html> 

我得到的圖像旋轉以及計數器的文本來了,但是當我刷新頁面,它只是減輕。此外,我想爲提交按鈕添加一個php代碼以將電子郵件地址發送到另一個電子郵件地址,我該怎麼做?請幫助IM卡....

+1

簡化您的代碼後你iusse不相關的部分整個頁面(與包含js或css有關的部分實際上對問題沒有任何價值(是consice),2.縮進你的代碼。 – Rafael

+0

@ Rafael你好Rafael,我不知道這是什麼問題計時器正在顯示它只有d自己當我點擊刷新按鈕。我以爲我確實縮進了代碼。任何幫助,你可以給我將非常感激。你還想要js文件嗎? – user2895617

回答

0

三件事:

  1. 沒有什麼用的ID year,這是故意的嗎?
  2. 倒計時should working good,但它是你的工作,你的代碼的調試其餘
  3. 把你的代碼中.ready()功能

代碼:

$(document).ready(function() { 
    //your code 
}); 
+0

@ yarl謝謝!這是工作。我可以在PHP腳本上獲得一些幫助以獲取按鈕提交嗎? – user2895617

+0

@拉斐爾最新奇怪的是它適用於MacBook Pro和iPad,但不是在我的筆記本電腦上?有任何想法嗎? – user2895617

+0

@ user2895617您使用的是哪個版本的jQuery,以及您在Windows PC中使用的是哪種瀏覽器和版本 – Rafael