JavaScript写的一个定时器

最新推荐文章于 2024-03-29 16:37:35 发布
原创 最新推荐文章于 2024-03-29 16:37:35 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #timer #function #output #dialog #html

本文介绍了一个使用JavaScript编写的定时器脚本，该脚本在特定时间后弹出对话框，提供刷新页面或取消的选项。定时器在会话即将过期前给出提示。此外，还详细介绍了如何将此脚本部署到Tomcat服务器上进行测试。
 write a javascript timer
requirement:
write a javascript timer: it should alert a dialog after certain timer, the dialog has two buttons. click one of them, the page will refresh automatically; click the other, nothing will happen.
deploy it on tomcat, and test it!
<html>
<head> 
<title>Timer</title>
<script language="JavaScript">
<!--

var sessionTime = 7; //Total time of the BusinessObjects session
var alertTime = 5; //Time when pop up a alert dialog
var mm,ss;
var timer;

function alert_Timer()
{
 if(confirm("BusinessObjects session will be timeout in 5 minutes!"))
 {
 clearInterval(timer);
 window.location.reload();
 }
 else
 {
 clearInterval(timer);
 start_Timer();
 }
}

function output_status()
{
   mm = Math.floor(sessionTime / 60);
    ss = sessionTime % 60;
    if( mm == 0)
    {
     window.status = "BusinessObjects session will be timeout in " +ss + " seconds!";
     if( ss == 0)
     window.status = "BusinessObjects session is timeout!";
    }
    else
    {
      window.status = "BusinessObjects session will be timeout in "+ mm + " minutes " + ss + " seconds";
    }
}

function start_Timer()
{
    timer = setInterval("countTime();",1000);
    output_status();
}

function countTime()
{
  sessionTime -= 1;
  if(sessionTime == alertTime){
   alert_Timer();
  }
  else if(sessionTime == 0)
  {  
   clearInterval(timer);
  }
 output_status();
}

-->
</script>
</head>

<body onLoad="start_Timer();">
</body>

</html>
JS定时器及定时器案例（附完整代码）
yjp1240201821的博客
07-15 1958
js的定时器详解，相关案例帮助更好理解！
JS---定时器
zyt0502的博客
08-20 2486
本篇主要是针对定时器设置和移除方法的介绍以及倒计时案例的介绍
javascript写一个定时器
Cloudstrifer
09-19 1393
浏览器对象                              //获取显示秒数的元素，通过定时器来更改秒数。     var x = 10;     var stop;     function times(){         document.getElementById("clock").innerHTML = x ;         x
JavaScript—做一个定时器
zmz5108的博客
05-02 296
直接上代码 界面部分： <body> <button id="btn1" type="button">开启</button> <button id="btn2" type="button">关闭</button> </body> JavaScript部分： <script type="text/jav...
js实现定时器
weixin_45228198的博客
04-23 532
倒计时按钮定时任务案例 定时任务 window.setTimeout(func,1000)   一秒后执行该func函数，无法传参 需求，需要传参怎么办？   1.定义一个无名函数，在无名函数内部执行   func，可传参   function(){ func(params);}   2.使用闭包 window.setInterval(func,1000) 周期性的执行func，即每一秒执行一次func 案例 <!DOCTYPE html> <html lang="en"> &lt
js如何写定时器
beiback的博客
08-26 750
js如何写定时器
javascript 小案列，做一个定时器
最新发布
08-30
运用js来做一个计时器，运用的是间歇函数： 第一种写法：setInterval(函数, 间隔时间) 第二种写法:setInterval(函数名, 间隔时间) 关闭定时器：n 是自己定义的 clearInterval(n)
JavaScript暂停和继续定时器的实现方法
12-10
但如果我们想要实现一个可以暂停和继续的定时器，可以通过一些技巧来模拟这个功能。以下是一个基于给定描述的例子来说明如何实现这样的功能： 首先，我们通常会有一个定时器变量，比如`countdownTimer`，它存储了`...
JavaScript学习笔记之定时器
10-24
5. **定时器精度**：JavaScript定时器的精度受限于浏览器，通常不是绝对精确的，可能存在一定的误差。 6. **定时器的嵌套和级联**：有时可能需要在一个定时器内部设置另一个定时器，需要谨慎处理，以防止出现无限...
javascript定时器取消定时器及优化方法
10-19
在JavaScript中，可以使用 `window.setInterval` 方法来启动一个定时器，它接受两个参数：第一个是要重复调用的函数（或函数引用），第二个是时间间隔（以毫秒为单位）。例如： ```javascript window.setInterval...
JavaScript 用定时器写一个实时显示时间的页面
MW
03-27 3336
定时器 格式：setInterval（函数，毫秒值）； 功能：每隔对应的毫秒值，执行一次传入的函数 用定时器一个实时显示时间的页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器</title> <...
JavaScript定时器
热门推荐
weixin_52629158的博客
04-30 1万+
setInterval() ：是属于 window 的方法，按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。其中 回调函数 "clock()" 可以写在 双引号中，也可以写在单引号中。setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。clearInterval() 方法 的参数 必须是由 setInterval() 返回的 ID 值。(这个内容 描红显示)
JavaScript之定时器
m0_48375854的博客
12-02 8485
定时器一、 setTimeout() 定时器 在很多页面中，我们都可以看到一些倒计时或者和时间相关的效果，今天小熊将就JavaScript里面的倒计时做一概述。 首先，我们先来看看定时器，在JS中，有两种定时器： 一、 setTimeout() 定时器 语法： window.setTimeout(调用函数, [延迟的毫秒数]); setTimeout()方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。 例如：写一个页面，让其五秒钟后弹出‘你好’。 代码如下： window.setTimeout
纯JS实现一个计时器，使用setInterval()
weixin_43440852的博客
12-17 769
就刚开始学，想实现一个什么，就计时器，很简陋，分享一下，代码是可以运行的。 HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>time</title> <link rel = "Shortcut Icon" type = "image/x-icon" href = "image/3.jpg" >
JS 定时器的2种写法及介绍
qq_38801090的博客
08-11 2774
JS 定时器的2种写法及介绍
JS-定时器的4种写法及介绍，知识点总结+面试题解析
m0_60666921的博客
03-29 2488
总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了[外链图片转存中…(img-egyBHMKE-1711701444091)][外链图片转存中…(img-RBq4d56M-1711701444091)]
javascript写定时器
weixin_34008805的博客
04-12 123
function time(year,month,day,hours,minuse,miao){ var now = new Date(); var endDate = new Date(year, month-1, day,hours,minuse,miao); var leftTime=endDate.getTime()-now.getTime(); var lefts...
JavaScript - window.open 方法
Yu
12-23 1005
window.open 方法 :作用 :打开一个新的浏览器窗口或查找一个已命名的窗口.语法 :window.open([网址](http://blog.youkuaiyun.com/yu__jiaoshou/article/details/53836066),"窗口名称",'窗口特征',"是否替换指定窗口");解析 : 第一个参数 : 网址 (例如 : http://blog.youkuaiyun.com/yu__jiao
计数器函数-注册倒计时
qq_45579661的博客
09-12 574
1.注册按钮倒计时 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
使用js写一个定时器
02-06
可以使用 JavaScript 中的 setInterval 函数来创建一个定时器。setInterval 接受两个参数：一个是要执行的函数，另一个是时间间隔（以毫秒为单位）。它会按照指定的时间间隔不断地执行函数。 下面是一个示例，每隔 1 秒输出 "Hello, world!"： ``` setInterval(function() { console.log('Hello, world!'); }, 1000); ``` 你也可以使用 clearInterval 函数来停止定时器。 ``` const timer = setInterval(function() { console.log('Hello, world!'); }, 1000); // 在 5 秒后停止定时器 setTimeout(function() { clearInterval(timer); }, 5000); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值