사용자가 텍스트 영역 (로컬 저장 장치 onclick으로 저장)을 사용한 날짜와 시간을 어떻게 표시합니까?

Question

저는 버튼 누르기에서 로컬 스토리지에 저장하는 텍스트 영역에서 작업하고 있습니다. 또한 무언가가 저장되거나 텍스트 영역이 방문되었을 때 팝업 알림을 표시합니다. 마지막으로 업데이트되거나 수정 된 날짜를 표시하기를 원합니다. 어떻게해야합니까? 내가 타임 스탬프를 사용하여 마지막으로 수정 한 날짜를 표시하는 방법을 발견했습니다

<textarea id="box" style="margin- bottom: 4px; width: 250px; height:  20px"> 
</textarea> 
<br /> 
<button id="save">Save</button> 



<script type="text/javascript">// check if "user" is in localStorage 

if (localStorage["box"]) 
{ 
var user = localStorage["box"] ; 
document.getElementById("box"). value = user ; 
alert("Welcome Back.") 
} 
else 
{ 
document.getElementById("box"). placeholder = "Type here..." ; 
    console.log("user not found in localStorage") } 

//save entered gmail address 
document. getElementById("save"). addEventListener("click", function() 
{ 
    var user = document. getElementById("box").value ; 
    //localStorage["box"] = user ; 
    localStorage.setItem("box", box) ; 
    alert("The text has been saved. ") ; 
    console.log("The text has been saved") 
    } , false);</script> 

: 여기

는 코드입니다. 여기에 :

  <script type="text/javascript"> 
       (function() { 



try { 

    (window.localStorage.getItem)//will throw in Firefox under some settings 
} catch (e) { 

    return; // quit because dom. storage.enabled is false 
    } 



    var area = document. querySelector('#ta'); 

    // place content from previous  edit 
    if (!area.value) { 

     area.value = window. localStorage.getItem('value'); 

    } 

    updateLog(false); 



    // your content will be saved locally 
    document.querySelector('#ta'). addEventListener('keyup', function() { 

     window.localStorage. setItem('value', area.value); 

     window.localStorage. setItem('timestamp', (new Date()). getTime()); 

    updateLog(true); 

    }, false); 



    function updateLog(new_save) { 

     var log = document. querySelector("#ta-log"); 

     var delta = 0; 

     if (window.localStorage. getItem('value')) { 

      delta = ((new Date()). getTime() - (new Date()). setTime(window.localStorage.getItem('timestamp')))/1000; 

      if (new_save) { 

       log.textContent = 'Saved. '; 

       setTimeout(function() { 

        log.textContent = ''; 

       }, 3000); 

      } else { 

       log.textContent = 'last saved: ' + delta + 's ago'; 

      } 

     } 

    } })(); 

대신 분, 초 및 나노초 대신 실제 날짜와 시간을 표시하고 싶습니다.

Ex. 5시 30 분 20 초, 2013 년 9 월 22 일 일요일 5:59 PM

어떤 도움이 필요합니까? 이해할 수 있습니까?

Answer 1

을 localstorage 안에 저장하십시오.

var obj = { 'content': 'Textarea content is held here', 'time': Date.now() }; 

localStorage.setItem('box', JSON.stringify(obj)); 

을 얻으려면 :

var box = localStorage.getItem('box'); 

box = JSON.parse(box); 

// to get content: box.content 
// to get time: box.time 

Answer 2

마지막 업데이트 날짜/시간을 유지하는 제 2의 로컬 스토리지 변수를 만듭니다.