Сохранять данные после обновления страницы

Question

У меня есть небольшое приложение для веб-страниц, которое вычисляет расстояние и время на основе входных данных пользователей. Он отлично работает, однако мой мобильный браузер (Chrome) настаивает на обновлении моей вкладки после закрытия хрома в течение примерно 15 минут. Все данные страницы теряются, когда это происходит, поэтому пользователь больше не имеет важной информации/данных. Есть ли способ обойти это? Вот мой код

Javascript

function myFunction() { 

function converToMinutes(s) { 
    var c = s.split(':'); 
    return parseInt(c[0]) * 60 + parseInt(c[1]); 
} 

function parseTime(s) { 
    var seconds = parseInt(s) % 60; 
    return Math.floor(parseInt(s)/60) + ":" + ((seconds < 10)?"0"+seconds:seconds); 
} 


var endTime = document.getElementById("etime").value; 
var startTime = converToMinutes(document.getElementById("stime").value); 
var converted = parseTime(startTime - endTime); 


document.getElementById('finishtime').innerHTML = "You will finish your break at " + converted; 

} 

HTML

<p>Please enter minutes</p> 
<input type="text" id="etime"> 
<br> 
<p>Please enter time in 24 hour format (eg. 15:00)</p> 
<input type="text" id="stime"> 
<br> 
<br> 
<button onclick="myFunction()">Calculate</button> 

<p id="finishtime"> 

Answer 1

Вы можете хранить его в веб-хранилище HTML5, просто включите ниже код в код JS

if (typeof(Storage) !== "undefined") { 
localStorage.setItem("convertedTime", converted); 
} else { 
// Sorry! No Web Storage support 
} 

И всякий раз, когда вам хотите получить эти сохраненные данные, вы можете получить их как указано ниже

var convertedTime=localStorage.getItem("convertedTime"); 

А затем вы можете использовать его в любом месте, после перезагрузки страницы.

Answer 2

Вы можете использовать клиентские методы хранения, как LocalStorage осуществить это. Localstorage позволяет хранить данные о парах данных о значении конкретного домена. Хотя вы можете сериализовать объекты и поместить их в виде строки для определенного ключа. Вы можете даже у вас IndexDB. База данных на стороне клиента похожа на sql. Используя любой из них, вы можете убедиться, что данные не потеряны. Пока вы не очистите их или не очистите их.

window.localStorage.setItem(key,value) -> will set a key value pair 
window.localStorage.getItem(key,value) -> will get a key value pair 

Для более

HTML 5 rocks client side storage

visit here for indexdb Html5rocks