js: $(document).ready(function() {
if (typeof(localStorage) == 'undefined') {
alert('Your browser dose not support html5 localStorage.Try upgrading.');
} else {
getAllItems();
$("logForm").submit(function() {
var newDate = new Date();
var itemId = newDate.getTime();
var values = new Array();
var project = $("input[name='project']").val();
var hours = $("input[name='hours']").val();
var date = $("input[name='date']").val();
project = project.replace(/(<([^>]+)>)/ig, "");
values.push(project);
values.push(hours);
values.push(date);
if (project == "" || project == "Prpject Name" || hours == "" || hours == "Hours" || date == "" || date == "Date") {
$("#emptyFields-message").dialog({
resizable: false,
height: 140,
modal: true,
show: 'fold',
buttons: {
OK: function() {
$(this).dialog('close');
}
}
});
} else {
try {
localStorage.setItem(itemId, values.join(';'));
} catch(e) {
if (e == QUOTA_EXCEEDED_ERR) {
alert('Quota exceeded!');
}
}
getAllItems();
}
});
$("#clearLog").click(function() {
$("#clearLog-message").dialog({
resizable: false,
height: 140,
modal: true,
show: 'fold',
buttons: {
'Delet all items': function() {
localStorage.clear();
getAllItems();
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
}
});
});
$("#aboutButton").click(function() {
$("#about").slideDown("slow");
});
$("#closeButton").click(function() {
$("#about").slideUp("slow");
});
}
});
function getAllItems() {
var timeLog = "";
var i = 0;
var logLength = localStorage.length - 1;
var totalHours = 0.0;
for (i = 0; i
var itemKey = localStorage.key(i);
var values = localStorage.getItem(itemKey); values = values.split(";");
var project = values[0];
var hours = values[1];
var date = values[2]; timeLog += '' + project + ':' + hours + 'hours×Are you sure you want to delete' + project + ' form the log? ' + date + '
'; totalHours = totalHours + parseInt(hours);
}
if (timeLog == "") timeLog = 'Log Currently Empty';
// 显示总小时数
$("section header p span").html(totalHours);
// 更新了所有项目的日志
$("#theLog").html(timeLog);
// 最后移除底部边框
$("ul li:last-child").CSS("border", 0);
deleteItem(); // 在最新名单中, 绑定每个项目对话框
}
function deleteItem() {
var deleteItemDialog = new Array();
$(".delete").each(function() {
var id = $(this).find("span").attr("id");
deleteItemDialog[id] = $("#" + id).dialog({
autoOpen: false,
resizable: false,
height: 140,
modal: true,
show: 'fold',
buttons: {
'Delete Time': function() {
localStorage.removeItem(id);
getAllItems();
$(this).dialog("close");
},
Cancle: function() {
$(this).dialog("close");
}
}
});
$(this).click(function() {
deleteItemDialog[id].dialog("open");
return false;
});
});
}
来源: http://blog.csdn.net/Asatoga/article/details/79220714