Question

我尝试在那里制作小应用程序我有一些可编辑的潜水，所以现在我需要进行设置，如果用户刷新页面，而不是可编辑潜水内容存储在本地存储中通过JavaScript，并在每20秒后更新本地存储。这是可能的。

例如。

HTML

<div contentEditable='true'; >Job Title</div>

<div contentEditable='true'; >Email/Other</div>

Answer 1

<强> HTML

<div id="job" contentEditable="true"></div>
<div id="email" contentEditable="true"></div>

<强>的Javascript

 document.getElementById('job').innerHTML = localStorage['job'] || 'Job Title';
 document.getElementById('email').innerHTML = localStorage['email'] || 'Email/Other';

 setInterval(function() {
      localStorage['job'] = document.getElementById('job').innerHTML;
      localStorage['email'] = document.getElementById('email').innerHTML;
 }, 20 * 1000);

Answer 2

setInterval(function(){
  localStorage.jobTitle = document.getElementById('div-id').innerHTML;
  localStorage.email = document.getElementById('the-other-div-id').innerHTML;
}, 20000);

Answer 3

    <script type="text/javascript">

    setInterval(
        function(){
                if(typeof(Storage)!=="undefined")
              {
                  localStorage.lastname=document.getElementById("result").value;
                  document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
                }
            else
            {
                alert("Sorry, web storage not supported");
             }
             },3000
         );

    </script>

尝试使用此代码，它可以每3秒钟工作一次，可以增加3000到20000，持续20秒

如何在本地存储中保存可编辑的div内容。

3 个答案: