hg888皇冠手机登录

【www.hg888.com】js+html5贯彻页面可刷新的倒计时效果

八月 31st, 2019  |  www.hg888.com

前言

js调整延时跳转

上述正是本文的全部内容,希望对大家的学习抱有支持,也指望大家多多帮忙脚本之家。

您可能感兴趣的篇章:

  • js+html5贯彻页面可刷新的倒计时效果
  • JS完毕发送短信验证后按键倒计时效果(防止刷新倒计时失效)
  • Javascript完结倒计时(防页面刷新)实例
  • 据他们说JS完结发送短信验证码后的倒计时作用(无视页面刷新,页面关闭不开展倒计时功效)
  • JavaScript落到实处刷新不重记的倒计时
  • js达成网页自动刷新可制作节日倒计时效果
  • JS
    倒计时达成代码(时、分,秒)
  • 简轻便单易用的倒计时js代码
  • js几秒今后倒计时跳转示例
  • js代码达成点击开关出现60秒倒计时

好了,就这么落成了,一点也不细略吗!以上便是有关JavaScript完成刷新不重记的倒计时的全部内容,这些效应在模拟考试中很实用,希望对我们具备帮助。

js控拟订时实行,每隔一段时间按期实践

<!doctype html>
<html>

  <head>
    <meta charset="utf-8">
    <title>简单易用的倒计时js代码</title>

  </head>

  <body>
    <div id="time"></div>
    <script src="js/jquery-git.js"></script>
    <script>
      localStorage.setItem('start', new Date().getTime());
      countDown(localStorage.getItem('start'));

      function countDown(startTime) {
        var time = setInterval(function() {
          var currentTime = new Date();
          var second = 59 - parseInt(((currentTime.getTime() - startTime) / 1000) % 60);
          var min = 4 - parseInt((currentTime.getTime() - startTime) / 60000);

          if(min < 10) {
            min = "0" + min;
          }
          if(second < 10) {
            second = "0" + second;
          }

          var countDown = min + ":" + second;
          $('#time').html(countDown);

          if(second == 0 && min == 0) {
            clearInterval(time);
          }
        }, 1000)
      }
    </script>

  </body>

</html>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>前端开发</title>

</head>



<body>

<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime;
if(window.name==''){
maxtime = 1*60;
}else{

maxtime = window.name;

}



function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离考试结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 5*60) alert('注意,还有5分钟!');

--maxtime;

window.name = maxtime;

}

else{
clearInterval(timer);
alert("考试时间到,结束!");

}

}

timer = setInterval("CountDown()",1000);
//-->

</SCRIPT>

<div id="timer"style="color:red"></div>



</body>

</html>

     2:本地缓存

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>前端开发</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var maxtime;
if(window.name=='' || window.name == '-1' || isNaN(window.name)){
maxtime = 1*60;
}else{
maxtime = window.name;
}
function CountDown(){
if(maxtime>=0){
hours = Math.floor(maxtime/3600);
minutes = Math.floor((maxtime-hours*3600)/60);
seconds = Math.floor(maxtime%60);
msg = "距离考试结束还有"+hours+"时"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 5*60) alert('注意,还有5分钟!');
--maxtime;
window.name = maxtime;
}
else{
clearInterval(timer);
alert("考试时间到,结束!");
}
}
timer = setInterval("CountDown()",1000);
</SCRIPT>
<div id="timer" style="color:red"></div>
</body>
</html>

写了多少个5秒钟倒计时的代码,临时代码须求刷新,然后倒计时又从4:59发端了,小编想开的壹个化解办法,就是应用缓存,将上马倒计时的光阴增进要倒计时的5分钟设为缓存,然后径直用那么些缓存时间减去当前些天子,就能够直接倒计时了,不管您在倒计时进程中操作了哪些,时间总在变吗,哈哈,原理就是如此嘀。

以上正是本文的全体内容,希望对大家的求学抱有援救,也期待大家多多支持脚本之家。

标签:, ,

Your Comments

近期评论

    功能


    网站地图xml地图