글 자동저장
[자바스크립트] 작성중인 글 자동저장 기능 만들기
웹페이지에 글을 작성하면서 실수로 닫거나 저장이 안되는 경우를 생각해볼 수 있죠. 이런 경우는 누구나 한번쯤 경험해보셨을 겁니다.웹이즈프리의 글 작성은 간단한 cms에서 작성되는데 자동
webisfree.com
(function () {
var autoSave = new Object();
(function (obj) {
obj.configuration = {
interval: 60 // second(s)
};
obj.bindTimer = function() {
var textEle = document.querySelector('#test');
var textVal = textEle.value;
var ref1, ref2, ref3; // Newer -> Older
// Save to localStorage
var encodedTextVal = btoa(textVal);
ref1 = window.localStorage.getItem('textval-01');
ref2 = window.localStorage.getItem('textval-02');
if ((window.localStorage) && (encodedTextVal != ref1)){
window.localStorage.setItem('textval-01', encodedTextVal);
window.localStorage.setItem('textval-02', ref1);
window.localStorage.setItem('textval-03', ref2);
}
else if (!window.localStorage) {
console.log('Error' + ': Your browser not support')
return false;
}
};
obj.start = function() {
obj.bindTimer();
setTimeout(function() {
obj.start();
}, obj.configuration.interval * 1000);
};
obj.start();
})(autoSave);
})();