J'utilise le compte à rebours de http://git.wimbarelds.nl/TimeCircles/readme.phpRedémarrer compte à rebours à tous les dimanches à 10h30
<div class="example" data-date="2017-09-17 10:30:00"></div>
Comment puis-je mettre à jour la valeur 2017-09-17 10:30:00 avec JavaScript afin qu'il change de 2017-09-24 10:30:00?
Ce code on Fiddle
Vous avez besoin d'une fonction pour trouver le dimanche suivant et régler l'heure à 10h30 ..
var getDate = new Date();
var targetDay = 0;
getDate.setDate(getDate.getDate() + (targetDay + (7 - getDate.getDay())) % 7);
getDate.setHours(10, 30, 0, 0);
Ensuite, vous devez définir un nœud de données nommé « Data- date "pour régler la minuterie.
targetNode.dataset.date = strFormat(getDate);
Pour obtenir la date dans le format dont vous avez besoin fonction de faire aussi .... J'ai la solution complète ici Solution Fiddled
Cheers!
Cette réponse serait considérablement améliorée en mettant le code dans un [extrait] (https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). L'utilisation d'un extrait de code le rend également plus susceptible d'être voté, car les utilisateurs peuvent rapidement vérifier que votre code fonctionne correctement. Même si les extraits de code ne doivent pas toujours être utilisés, les questions et réponses basées sur JavaScript/HTML/CSS peuvent considérablement améliorer la communication du problème et de la solution. Lorsque cela est possible, un extrait est préférable aux exemples de code exécutable hors site (par exemple, JSFiddle). – Makyen
Merci beaucoup. Je vous en suis reconnaissant. Mais comment puis-je l'ajouter pour qu'il mette à jour la date de données? En d'autres termes, comment puis-je ajouter le script au lieu d'écrire 2017-09-17 10:30:00?
Voici le code [sur Fiddle] [1] [1]: https://jsfiddle.net/Lsp4cgts/1/ –Eh bien le code targetNode trouve votre div par un identifiant et définit les données -date attribut. Il définit également l'innerHTML qui affiche la date sur la page. Supprimez simplement cette partie et ajoutez l'ID returnDate à votre div. J'ai mis à jour votre code jsfiddle. https://jsfiddle.net/rlsmilej/Lsp4cgts/5/ – SmileIT
Je sais, votre question est sur le point javascript, mais vous pouvez peut-être envisager d'utiliser PHP.
<div class="example"
data-date="<?= date('Y-m-d',strtotime('next sunday', strtotime('tomorrow')));?> 10:30:00">
</div>
Cette ligne de code imprime toujours le dimanche prochain
impression:
2017-09-24 10:30:00
Cette question est sur le JavaScript/HTML/CSS, vous devriez donc envisager d'utiliser un [snippet] (// blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). Les extraits sont * beaucoup * meilleurs pour les questions de dépassement de pile que les liens vers JSFiddle, ou tout autre code hors-side. Stack Overflow requiert que tout ce qui est nécessaire pour que la question soit complète doit être * dans la question elle-même *. Bien qu'il soit acceptable d'avoir des liens vers des ressources hors site comme matériel supplémentaire, si vous voulez que cela fasse partie de la question, alors le matériel doit être * dans la question *. – Makyen
qu'en est-il de l'utilisation de php? –