localStorage時效設定

2021-09-23 15:25:27 字數 2487 閱讀 6234

css:

*

.box

.contentk

.contentk>div

.contentk>input

.contentk>input::-webkit-input-placeholder

.aging

.aging>div:nth-child(2)

label

.btn,.btn1

html:

class

="box"

>

class

="contentk"

>

>

名字:div

>

type

="text"

class

="name"

placeholder

="請輸入你的名稱"

/>

div>

class

="contentk"

>

>

備註:div

>

type

="text"

class

="note"

placeholder

="請輸入你要備註的內容"

/>

div>

class

="aging"

>

>

請選擇儲存時長:div

>

>

>

>

1分鐘span

>

type

="radio"

name

="storage"

value

="1分鐘"

/>

label

>

>

>

1小時span

>

type

="radio"

name

="storage"

value

="1小時"

/>

label

>

>

>

24小時span

>

type

="radio"

name

="storage"

value

="24小時"

/>

label

>

>

>

1周span

>

type

="radio"

name

="storage"

value

="1周"

/>

label

>

div>

div>

type

="button"

class

="btn"

value

="儲存"

/>

type

="button"

class

="btn1"

value

="獲取儲存資料"

/>

div>

js:

//儲存資料$(

".btn").

click

(function()

var data=

set(

'test'

,data)

;alert

("儲存成功");

})function

set(key,value)z/,

''); localstorage.

setitem

(key,

json

.stringify()

);}//獲取資料$(

".btn1").

click

(function()

var time=data.time;

var radiovalue=data.data.radiovalue;

var st="";

if(radiovalue==

"1分鐘"

)else

if(radiovalue==

"1小時"

)else

if(radiovalue==

"24小時"

)else

if(radiovalue==

"1周")if

(new

date()

.gettime()

- time>st)

elsez/,

'');$

(".box").

after

(`名字:

$備註:

$儲存時長:$$

$`)}

})

mysql時效性 時效性 Fatesinger

技術文章一般都有一定的時效性,現在技術更新如此之快,而且有些是不向前相容的,所有一些較老的文章可能讓我們走許多彎路。最近我就親自感受了一下。問題是這篇文章實在是太老了,連brew的安裝方法都改變了,其他的東西可想而知,期間踩了無數的坑,最後還是提著電腦再酒廊安安心心的搞了1個多小時才搞定,要知道之前...

本地快取localstorage

cookie,localstorage,sessionstorage都可以實現客戶端儲存,三者的區別有哪些了?cookie作為最早期的被設計web瀏覽器儲存少量資料,從底層看,它是作為http協議的一種擴充套件實現。cookie資料會自動在web瀏覽器和web伺服器之間傳輸資料。cookie有效期 ...

訪問資料localstorage

存 localstorage.setitem msg json.stringify this.resourcelists localstorage.setitem chosedresourceids json.stringify this.chosedids 取 var msg localstora...