87,907
社区成员
发帖
与我相关
我的任务
分享
<table>
<tbody><tr><td><div id="counter"></div></td><td><input type="button" id="add" value="加">
<input type="button" id="reduce" value="减"></td></tr>
</tbody></table>
HTML改成这样,JS不变。<input type="button" id="add" value="加"/>
<input type="button" id="reduce" value="减"/>
<div id="counter"></div>
<script type="text/javascript">
var caution = false;
function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "") ;
if (!caution || (name + "=" + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm("Cookie exceeds 4KB and will be cut!"))
document.cookie = curCookie
}
function getCookie(name) {
var prefix = name + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
function deleteCookie(name, path, domain) {
if (getCookie(name)) {
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"
}
}
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)
}
var now = new Date();
fixDate(now);
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
var totalLen = 10;
function changeNum(num){
var visits = getCookie("counter");
var str = 'NO ';
if (!visits || visits<=0){
visits = 1;
}else{
visits =parseInt(visits)+num;
}
for(var i=0,len=visits.toString().length;i<totalLen-len;i++){
str += '0';
}
setCookie("counter", visits, now);
document.getElementById('counter').innerHTML = str+visits;
}
window.onload = function(){
document.getElementById('add').onclick = function(){
changeNum(1);
}
document.getElementById('reduce').onclick = function(){
changeNum(-1);
}
changeNum(0);
}
</script>
样式自己调吧,功能就这样了