Javascript 如何将倒计时设置为cookie过期日期？

对cookie过期日期进行倒计时的好方法是什么？ 我正在处理一个静态html页面，我发现如何真正做到这一点有问题，像这样的（）应该可以满足我的需要，问题在于设置cookie设置后剩余的秒数，不知道如何做到这一点。请注意，计时器和“设置cookie”将在不同的页面中。希望你能给我一些建议或想法

JS小提琴代码：

<script>
    //count down function

var seconds_left = 10;
var interval = setInterval(function() {
    document.getElementById('timer_div').innerHTML = --seconds_left;

    if (seconds_left <= 0)
    {
       document.getElementById('timer_div').innerHTML = "You are Ready!";
       clearInterval(interval);
    }
}, 1000);

//set the cookie funcion

    function music_player(){
    days=1; // number of days to keep the cookie
    myDate = new Date();
    myDate.setTime(myDate.getTime()+(days*24*60*60*1000));
    document.cookie = 'music_player=play; expires=' + myDate.toGMTString();
    }
</script>

<a href="#" class="yes_alive" onclick="music_player()">Set the cookie</a>
<div id="timer_div"></div>

//倒计时功能
var seconds_left=10；
var interval=setInterval（函数（）{
document.getElementById（'timer\u div'）。innerHTML=--seconds\u left；
如果（还剩秒数我相信我知道你想要实现什么。我做了一些改变，这将帮助你实现你的总体目标。当你点击链接时，倒计时将根据你为cookie过期设置的秒数启动

现场预览：

HTML:



JavaScript:

//store the number of days
var days = 1;

//store the number of seconds
var seconds_left = days * 24 * 60 * 60 * 1000;

//register the  click event
document.getElementById("yes_alive").addEventListener("click", function(event) {

  //stop default action of the anchor tag
  event.preventDefault();

  //call the music player and set the cookie
  music_player(days);

  //start the count down timer
  startTimer(seconds_left);

});

function startTimer(seconds_left) {

  var interval = setInterval(function() {
    document.getElementById('timer_div').innerHTML = --seconds_left;

    if (seconds_left <= 0) {
      document.getElementById('timer_div').innerHTML = "You are Ready!";
      clearInterval(interval);
    }
  }, 1000);

}

function music_player(days) {

  myDate = new Date();
  myDate.setTime(myDate.getTime() + (days * 24 * 60 * 60 * 1000));
  document.cookie = 'music_player=play; expires=' + myDate.toGMTString();

}

//存储天数
风险值天数=1；
//存储秒数
剩余var秒=天*24*60*60*1000；
//注册单击事件
document.getElementById（“yes_alive”）.addEventListener（“单击”，函数（事件）{
//停止锚定标记的默认操作
event.preventDefault（）；
//呼叫音乐播放器并设置cookie
音乐播放器（天）；
//启动倒计时
startTimer（还剩几秒）；
});
功能启动计时器（剩余秒）{
var interval=setInterval（函数（）{
document.getElementById（'timer\u div'）。innerHTML=--seconds\u left；
如果（还剩秒数我相信我知道你想要实现什么。我做了一些改变，这将帮助你实现你的总体目标。当你点击链接时，倒计时将根据你为cookie过期设置的秒数启动

现场预览：

HTML:



JavaScript:

//store the number of days
var days = 1;

//store the number of seconds
var seconds_left = days * 24 * 60 * 60 * 1000;

//register the  click event
document.getElementById("yes_alive").addEventListener("click", function(event) {

  //stop default action of the anchor tag
  event.preventDefault();

  //call the music player and set the cookie
  music_player(days);

  //start the count down timer
  startTimer(seconds_left);

});

function startTimer(seconds_left) {

  var interval = setInterval(function() {
    document.getElementById('timer_div').innerHTML = --seconds_left;

    if (seconds_left <= 0) {
      document.getElementById('timer_div').innerHTML = "You are Ready!";
      clearInterval(interval);
    }
  }, 1000);

}

function music_player(days) {

  myDate = new Date();
  myDate.setTime(myDate.getTime() + (days * 24 * 60 * 60 * 1000));
  document.cookie = 'music_player=play; expires=' + myDate.toGMTString();

}

//存储天数
风险值天数=1；
//存储秒数
剩余var秒=天*24*60*60*1000；
//注册单击事件
document.getElementById（“yes_alive”）.addEventListener（“单击”，函数（事件）{
//停止锚定标记的默认操作
event.preventDefault（）；
//呼叫音乐播放器并设置cookie
音乐播放器（天）；
//启动倒计时
startTimer（还剩几秒）；
});
功能启动计时器（剩余秒）{
var interval=setInterval（函数（）{
document.getElementById（'timer\u div'）。innerHTML=--seconds\u left；
如果（还剩几秒钟，我看到你的倒计时器工作正常。cookie设置好了吗？也许我表达得不好，我在问这是不是一个好方法，或者有没有更好的方法，或者我应该如何做的提示/想法/帮助，我的意思是管理过期日期，并能够在倒计时功能中使用它，JSFIDLE只是为了让它生效。）你不明白我将要做什么，比如素描，没什么。我会在有机会的时候为你设计一个基本的设计，除非有人打败我。谢谢！你太好了。我看到你的倒计时器工作得很好。曲奇设置好了吗？也许我表达得不好，我在问这是一个好方法还是有一个好方法第一个，或者是关于我应该如何做的提示/想法/帮助，我的意思是管理过期日期并能够在倒计时功能中使用它，JSFIDLE只是让你了解我将要做的工作，比如草图，什么都没有。我会在有机会的时候为你设计一个基本的设计，除非有人打败我。谢谢！非常好谢谢你。很酷，但是如果重新加载页面，倒计时不再工作，计时器和“设置cookie”也将在不同的页面中。无论如何，谢谢你的工作！可能是在玩当前时间和cookie的过期日期？很酷，但是如果重新加载页面，倒计时不再工作，计时器和“设置cookie”也将不工作将出现在不同的页面中。无论如何，感谢您的工作！可能会玩弄当前时间和cookie的过期日期？