`

JS简易定时器

阅读更多
1、两个html文件,一个是定时程序,另一个在时间到时被打开。
2、MyHtml.html 定时器主程序,运行效果如下:

其中,文本框内输入多少秒后打开新页面。点 do 按钮开始计时。
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <form action="" name="form1">
    	<input type="text"  name="miao" style="width: 50px"><input type="button" value="do" onclick="begin()">
    </form>
  </body>
  
  <script type="text/javascript">
  	function doone()
  	{
  		window.open("show.htm");
  	}
  	
  	function begin()
  	{
  		var num=form1.miao.value * 1000 ;
    	setTimeout("doone()",num)
  	}
  	
  	
  </script>
</html>

3、show.htm 在时间点到时被打开,起到提醒作用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>show.htm</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    This time is shoud to get some ... <br>
  </body>
</html>


程序见附件。
  • 大小: 1.2 KB
分享到:
评论

相关推荐

    【JavaScript源代码】vue实现简易计时器组件.docx

    vue实现简易计时器组件  在做项目中难免会碰到需要实时刷新,广告动画依次出现等等需求,... 在Javascript中,代码一般都是同步执行的,但定时器却是异步执行的。 window.setTimeout(callback,delay); //callback:

    简易数字钟C51实现,时分秒年月日,定时器

    1.C51实现数字时钟。 2.用了两个定时器,一个用于闹钟,一个是计时 3.程序简单,功能也简单,用于期末作业和学习交流。 4.按键K4实现时分秒到年月日的转变

    javascript实现简易数码时钟

    本文实例为大家分享了javascript实现简易数码时钟的具体代码,供大家参考,具体内容如下 通过这个小例子复习一下Date对象的基本使用. 还可以用Date对象做定时器,计时器等等. 效果如图: 可以自己去找炫一点的图片...

    JS+CSS3实现的简易钟表效果示例

    主要介绍了JS+CSS3实现的简易钟表效果,涉及JavaScript结合定时器的页面元素动态设置与数值计算相关操作技巧,需要的朋友可以参考下

    javascript实现可键盘控制的抽奖系统

    JS原理:建立一个数组用来存储抽奖内容,例如 iphone6 等,当点击开始的时候,开启定时器,产生一个随机数,把对应文本的innerHTML改成数组所对应的内容。 如果想让某个抽奖几率变高,可以让数组中某个值重复次数多点...

    C++编写简易的飞机大战

    初学C/C++的小伙伴可以...#define TIMER_DIREN 101 //定义定时器 #define TIMER_DIRENMOVE 102 #define TIMER_ZIDAN 103 #define TIMER_DIRENRELEASE 104 typedef struct Node //敌人,自己,子弹结构体 { int x; in

    vue3-hook:关于vue3 Composition API的一些有用的演示

    useEventBus实现了在组件卸载时自动取消当前组件监听的事件,无需重复编写onUnmounted代码,这个思路也可以用于DOM事件、定时器、网络请求等注册和取消 useModel实现了在多个组件共享同一个hook状态,展示了一种除...

    JAVA上百实例源码以及开源项目源代码

    像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等,都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...

    JAVA上百实例源码以及开源项目

    像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等,都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...

    若干源程序资料12.rar

    2012-06-11 21:33 800,368 VC绘图 游戏简易教程.pdf 2012-06-11 21:41 21,331 ViewTextFileInWinCE-EVC源代码工程.rar 2012-06-11 21:11 27,271,175 Visual C++.NET小游戏开发时尚编程百例.rar 2012-06-11 21:42 275...

Global site tag (gtag.js) - Google Analytics