CSS исчезает после точной даты

Как я могу изменить текст/div/pic после точной даты?

Например, вот код, который изменяет div как наложение. Я хотел бы, чтобы результат, когда точная дата прошла.

Так, например, после 2018.01.01 div автоматически становится серым. Как мне это закодировать? Советы? :)

$(document).ready(function() {
    $("#myDiv").click(function() {
        $("#overlay").show();
    });
});
#myDiv {
    width:100px;
    height:100px;
    background-color: yellow;
    margin: 50px 50px;
    padding:10px;
}

#overlay {
    display:none;
    position: absolute;    
    width:100px;
    height:100px;
    background-color: gray;
    top: 50px;
    left: 50px;
    padding: 10px;
    opacity: .8;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">
<p>Some text</p>
<input type="button" value="A button" >
</div>

<div id="overlay"></div>

http://jsfiddle.net/QQRZc/


html jquery css fade
person Arstine    schedule 09.04.2018    source источник
comment
просто измените его вручную после этой даты ... зачем автоматический скрипт для одной даты ?   -  person Temani Afif    schedule 09.04.2018
comment
Это будет не только свидание, их будет много. Я просто хотел узнать, как я могу его создать. Или механизм.   -  person Arstine    schedule 09.04.2018
comment
@GerardoBLANCO jquery - это javascript, но нам не нужно добавлять тег Javascript для всех вопросов jquery .... если кто-то знает jQuery, значит, он также знает JS, но кто-то может знать JS, а не jQuery ... поэтому тег JS следует использовать для проблемы связанный с JS, или если OP решит, что это должно быть сделано с JS   -  person Temani Afif    schedule 09.04.2018
comment
Тогда начните с надлежащего исследования этого, пожалуйста. Вы не первый человек, пытающийся изменить то, что отображается на веб-сайте, динамически в зависимости от текущего времени. Пожалуйста, прочитайте Как спросить. Или, короче говоря: когда вы все еще находитесь на уровне «Как мне это закодировать?» или «Я просто хотел знать, как» с вашими собственными исследованиями и усилиями, это просто пока рано сюда приходить.   -  person CBroe    schedule 09.04.2018
comment
It wouldn't be for only a date there'll be a lot of them --› так что ваш вопрос не имеет отношения к вашей реальной потребности   -  person Temani Afif    schedule 09.04.2018
comment
В дополнение к комментарию @CBroe, все, что вы спрашиваете, это «Как мне сравнить сегодняшнюю дату с другой известной датой». Таким образом, я закрыл этот вопрос как дубликат.   -  person Rory McCrossan    schedule 09.04.2018

Ответы (1)


arrow_upward
-1
arrow_downward

Вы берете текущую дату+время и вычитаете это из целевой даты+времени, это приведет к количеству секунд до целевой даты+времени. Этот ответ дает хороший рабочий пример для javascript, но вы также можете предварительно рассчитать эту серверную часть, например с PHP.

// Then a simple settimeout will do the rest:
setTimeout(
    function(){ $("#overlay").show(); },
    secondsTillTarget*1000
);
person Martijn    schedule 09.04.2018
comment
Почему минус? - person Martijn; 09.04.2018
comment
Спасибо, теперь у меня есть очередь, куда я могу пойти. - person Arstine; 09.04.2018