18910140161

js+html5实现页面可刷新的倒计时效果

顺晟科技

2021-06-16 10:21:58

335

写了一个5分钟倒计时的代码,有的时候代码需要刷新,然后倒计时又从4:59开始了,我想到的一个解决办法,就是使用缓存,将开始倒计时的时间加上要倒计时的5分钟设为缓存,然后直接用这个缓存时间减去当前时间,就可以一直倒计时了,不管你在倒计时过程中操作了什么,时间总在变吧,哈哈,原理就是这样嘀。

!doctypehtml

超文本标记语言

metacharset='utf-8 '

标题简单易用的倒计时射流研究…代码/title

/head

身体

pid='time'/p

脚本src=' js/jquery-git。js '/脚本

脚本

localStorage.setItem('start ',newDate().getTime());

倒计时(LocalStorage。GetItem(' start ');

功能倒计时(开始时间){

var time=SetInterval(function(){

var current time=new date();

var second=59-Parseint(((Currettime。GetTime()-start time)/1000)`);

var min=4-Parseint((Currettime。GetTime()-start time)/60000);

if(min10){

min=' 0 ' min

}

if(second10){

秒='0 '秒;

}

定义变量倒数=min ': '秒;

$('#time ').html(倒计时);

if(秒==0分钟==0)

clearInterval(时间);

}

},1000)

}

/script

/body

/html

本文转载自中文网

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航