2013-11-14 1 views
1

자바 스크립트 또는 jQuery를 통해 시작일 X부터 매일 (11 월 20 일 = 1 일이라고 가정 해 봅시다) 페이지의 링크를 매일 변경하고 싶습니다. 매일 특정 링크가 있어야합니다.날짜 별 특정 링크 변경

내 솔루션 지금까지 : div#daily-gal 내에 링크를 추가하고 각 링크에 값을 추가하고 CSS 클래스 .hide (display:none;)을 통해 해당 링크를 숨 깁니다. 여태까지는 그런대로 잘됐다. 이제는 까다로운 부분이 있습니다. 저는 날짜별로 시작일을 설정하고 며칠 (오늘 - 시작일)을 지켜보고 변수 (linkval)에 값으로 부여하려고합니다. 함수는 다음과 같아야합니다. 링크의 설정 값이 my linkval과 일치하면 링크 내에서 .show (display : block;) 클래스를 조작해야합니다.

나는 jQuery/JS에 익숙하지 않기 때문에 여기에 분류 문제 (또는 심지어 문제를 이해한다.)에 매달려있다. 누군가 내가 틀린 생각을하면 행복 할거야.

JS-filde : http://jsfiddle.net/Mdq49/

HTML :

<div id="daily-gal"> 
    <a href="http://www.eamplelink.com/A" class="hide" value="1">link1</a> 
    <a href="http://www.eamplelink.com/B" class="hide" value="2">link2</a> 
    <a href="http://www.eamplelink.com/C" class="hide" value="3">link3</a> 
    <a href="http://www.eamplelink.com/D" class="hide" value="4">link4</a> 
    <a href="http://www.eamplelink.com/E" class="hide" value="5">link5</a> 
    <a href="http://www.eamplelink.com/F" class="hide" value="6">link6</a> 
</div> 
<!-- End daily gal --> 

jQuery를 :

var startdate = new Date("November 20, 2013 00:00:00 GET") 
var today = new Date(); 
count = Math.floor((startdate.getTime() - today.getTime())/1000); 
var linkval = cont * -1; 

$(document).ready(function() { 
    if linkval === a.value { 
     $('#daily-gal a').attr('http://www.eamplelink.com/', ['linkval']).addClass('show').removeClass('hide') 
    } 
}); 

CSS :

.hide { 
    display:none; 
} 
.show { 
    display:block; 
} 
+0

입니까? –

+1

오타 cont는 'var linkval = count * -1'; – Ani

+0

오늘 - 시작일을 나타내는 전역 변수입니다. –

답변

0

코드에 오타가 있습니다. GET 그리니치 표준시입니다. 메리 드. 시간 그래서 그것은 아주 쉬운 일이에게 년대 % 모듈 (알림) 연산자를 사용 GMT

LIVE DEMO

var links = [ 
    "http://www.eamplelink.com/A", 
    "http://www.eamplelink.com/B", 
    "http://www.eamplelink.com/C", 
    "http://www.eamplelink.com/D", 
    "http://www.eamplelink.com/E" 
]; 
// Set a date in the future: 
var start = new Date("November 14, 2013 00:00:00 GMT"),  
    today = new Date(), 
    days = Math.ceil((start.getTime()-today.getTime())/1000/60/60/24); 


$('#daily-gal a').attr('href', links[days%links.length]); 

오늘은 지금의 우리가 A 링크가 필요 가정 해 봅시다 11월 14일 경우 11 월 20 일,
일 지금부터, 당신은 B 링크를 얻어야한다 :

0A, 1B, 2C, 3D, 4E,%(5)0A, (6)1B

중요 사항을! 설정 한 날짜가 미래의 날짜 일 경우 위의 내용이 적용됩니다.

HTML :`cont`은 무엇

<div id="daily-gal"> 
    <a href="#">TEST</a> 
</div> 
+0

안녕하세요, Roko, 정말 고마워요! 이 시도해보십시오 :) –

+0

@ChrisKlein 날짜를 다시 확인하려면 분 간격을 추가하고, 원하지 않는 링크를 클릭하면 내 PC를 그대로두고 다시 방문하십시오;) 또는 귀하의 페이지를 방문 할 수도 있습니다. 11시 59 분 분 후보다 ... :) –

+1

위대한! 당신의 도움을 주셔서 대단히 감사합니다! –