我创建了一个带有计数器显示的简单计数器按钮，但我不知道如何创建 cookie 来保存计数器。我想保存计数器以显示给下一个用户，如果计数是“10”，当他继续投票 11var 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 回答
FFIVE
TA贡献1797条经验 获得超6个赞
您需要使用document.cookie = 'something'选择器来分配新的 cookie。我建议改用 HTML5 localstorage，这是一种更现代的解决方案。
使用 localstorage，您可以在 localstoragewindow.localStorage.setItem('key', 'value')中设置一个值并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>
梵蒂冈之花
TA贡献1900条经验 获得超5个赞
您可以localStorage像这样保存它：-
// set counter key
localStorage.setItem('counter', 10);
// get counter key
var counter = localStorage.getItem('counter');
添加回答
举报
0/150
提交
取消