計數器點擊保存 Cookie
[英]Counter Click Save Cookie
問題描述
我創建了一個帶有計數器顯示的簡單計數器按鈕，但我不知道如何創建 cookie 來保存計數器。
我想保存計數器以顯示給下一個用戶，如果計數是“10”，當他繼續投票 11
var contador = 1; var time; var on = false; var seconds = 0; function cambiar() { if (seconds >= 10) { document.getElementById('contador').innerHTML = contador + 0; } else { document.getElementById('contador').innerHTML = contador += 1; } }
h1 { text-align: center; padding-top: 4em; } #cuadrito { width: 100px; padding: 50px; margin: 00px auto; border-radius: 10px; font-weight: bold; color: #DAA3A3; } #contador { font-size: 50px; font-weight: bold; color: #a3bad8; } #boton { width: 100px; height: 40px; border: none; font-weight: bold; color: #DAA3A3; }
<body> <h1>VOTA BOX</h1> <div id="cuadrito"> <center> <div id="contador">0</div> </center> <br> <input type="button" id="boton" value="+1" onClick="cambiar();"> </div> </body>
2 個解決方案
解決方案1
1 2019-11-22 13:16:40
您需要使用document.cookie = 'something'選擇器來分配新的 cookie。 我建議改用 HTML5 localstorage ，這是一種更現代的解決方案。
使用 localstorage，您可以使用window.localStorage.setItem('key', 'value')在 localstorage 中設置一個值，然后使用window.localStorage.getItem('key')來檢索它。
請注意，由於片段的性質，它無法在下面的片段中正常工作。
// we retrieve the data from the localstorage, or we default back to 1. var contador = window.localStorage.getItem('count') || 1; var time; var on = false; var seconds = 0; function cambiar() { if(seconds >= 10){ document.getElementById('contador').innerHTML = contador + 0; }else{ document.getElementById('contador').innerHTML = contador += 1; } // we save the count value into the localstorage. window.localStorage.setItem('count', contador); }
h1 { text-align: center; padding-top: 4em; } #cuadrito{ width:100px; padding:50px; margin:00px auto; border-radius:10px; font-weight: bold; color: #DAA3A3; } #contador{ font-size: 50px; font-weight: bold; color: #a3bad8; } #boton{ width:100px; height:40px; border:none; font-weight: bold; color: #DAA3A3; }
<body> <h1>VOTA BOX</h1> <div id="cuadrito"><center> <div id="contador">0</div></center> <br> <input type="button" id="boton" value="+1" onClick="cambiar();"> </div> </body>
解決方案2
0 2019-11-22 13:15:05
您可以像這樣將其保存在localStorage中：-
// set counter key
localStorage.setItem('counter', 10);
// get counter key
var counter = localStorage.getItem('counter');
按鈕點擊計數器保存編號
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.