JS简易定时器

最新推荐文章于 2022-11-01 10:06:00 发布

ljf_home

最新推荐文章于 2022-11-01 10:06:00 发布

阅读量137

点赞数

分类专栏：附件 JS / CSS 文章标签： html javascript 定时器 ViewUI

本文链接：https://blog.csdn.net/ljf37/article/details/84188774

版权

JS / CSS 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

附件

5 篇文章 0 订阅

订阅专栏

1、两个html文件，一个是定时程序，另一个在时间到时被打开。
2、MyHtml.html 定时器主程序，运行效果如下：
[img]http://dl.iteye.com/upload/attachment/0066/7781/27a5be9b-8330-3f62-8848-8c6b36cbfa87.png[/img]
其中，文本框内输入多少秒后打开新页面。点 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>