`

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
分享到:
评论

相关推荐

    原生js简易的俄罗斯方块游戏代码

    文件结构包含`index.html`、`css`和`js`,这表明代码遵循了HTML负责结构、CSS负责样式、JavaScript负责行为的分离原则,提高了代码的可读性和维护性。 通过这个项目,开发者可以深入理解JavaScript的核心概念,...

    JS简易贪吃蛇游戏.rar

    总结,通过这个JS实现的贪吃蛇游戏,我们可以学习到JavaScript的基础语法、DOM操作、事件监听、对象和数组的使用,以及Canvas绘图技术。同时,也能锻炼问题解决和代码优化的能力。对于初学者而言,这是一个很好的...

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

    标题中的“简易数字钟C51实现,时分秒年月日,定时器”涉及到的是基于C51语言的微控制器编程,特别是针对数字时钟的实现。C51是为8051系列微控制器设计的一种高级语言,广泛应用于嵌入式系统开发。这个项目利用了...

    JavaScript简易贪吃蛇

    JavaScript简易贪吃蛇是一款利用面向对象编程思想开发的基于网页的简单游戏。在这个游戏中,玩家通过控制一个由多个方块组成的小蛇,目标是吃到屏幕上出现的食物,每次吃掉食物后,小蛇会变长,游戏难度也随之增加。...

    原生js滑动图片轮播切换效果代码原生js简易购物车商品数量计算代码

    在本文中,我们将深入探讨如何使用原生JavaScript实现滑动图片轮播切换效果以及简易购物车中的商品数量计算。这两个功能是Web开发中常见的需求,尤其是对于电子商务网站来说。 首先,我们来关注“原生js滑动图片...

    基于js的简易闹钟源码.zip

    【标题】"基于js的简易闹钟源码.zip"是一个包含JavaScript实现的简单闹钟程序的压缩包。这个项目可能是为了教学目的或者个人实践而创建的,它展示了如何使用JavaScript来构建一个基本的定时提醒功能。 【描述】"最...

    js+css简易小键盘练习工具

    在本文中,我们将深入探讨如何使用JavaScript(JS)和Cascading Style Sheets(CSS)创建一个简易的小键盘练习工具,该工具还具有倒计时功能和按键效果。这个项目是初学者学习Web开发中交互性设计的一个好例子,它...

    JavaScript定时器制作弹窗小广告

    在给出的代码实例中,虽然没有直接展示定时器的使用,但可以看到一个简易的计算器界面,这个界面可能被设计为在某个时间点通过定时器显示。页面的HTML结构包含了用于输入和按钮的元素,这些元素的点击事件(如 `...

    js简易版经典坦克大战小游戏源码.zip

    《JavaScript简易版经典坦克大战小游戏源码》是一个基于JavaScript编程语言实现的轻量级游戏项目。这个源码包包含了创建一款简单的坦克战斗游戏所需的所有文件和资源,旨在帮助初学者理解游戏开发的基本原理,同时也...

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

    本文将深入探讨如何使用 Vue.js 创建一个简易计时器组件,并讲解定时器的基础知识。 首先,让我们了解JavaScript中的两种主要定时器方法:`window.setTimeout()` 和 `window.setInterval()`。`setTimeout` 用于在...

    js html5实现简易指针时钟表代码.zip

    在本项目中,"js html5实现简易指针时钟表代码.zip" 是一个使用JavaScript和HTML5技术创建的互动时钟应用。这个时钟能够动态显示本地时间,具有独特的指针样式,为用户带来直观的时间查看体验。下面将详细探讨实现这...

    【JavaScript源代码】JavaScript实现简易轮播图最全代码解析(ES5).docx

    JavaScript 实现简易轮播图是一种常见的网页动态效果,它能够自动循环展示一组图片或内容,增强用户体验。在本文中,我们将深入解析一个基于 ES5 的 JavaScript 简易轮播图实现方法。以下是对给定代码的详细解释: ...

    js做的精简时钟

    综上所述,"js做的精简时钟"项目涵盖了JavaScript的基础语法、日期和时间处理、DOM操作、定时器使用以及可能的CSS样式调整。通过实践这个项目,开发者能够巩固JavaScript的核心技能,并学习如何将JavaScript与HTML和...

    Html+CSS+JS制作的简易贪吃蛇游戏

    【标题】:HTML+CSS+JS简易贪吃蛇游戏制作详解 在网页开发中,HTML、CSS和JavaScript是构建交互式用户体验的三大基石。本文将深入解析如何利用这三种技术来制作一个简单的“贪吃蛇”游戏。首先,让我们了解这三者在...

    JavaScript实现打气球的游戏

    6. **定时器(setTimeout或setInterval)**:使用定时器实现气球的自动移动,调整气球的移动速度以适应不同难度等级。 7. **DOM操作**:JavaScript可以直接操作DOM元素,如更改分数显示,创建或删除气球元素,以...

    利用html css js制作简易滑块

    【标题】:利用HTML CSS JS制作简易滑块 在网页设计中,滑块是一种常见的交互元素,用于展示多个内容项,比如图片、文本或者产品。本教程将引导新手小白逐步学习如何利用HTML、CSS和JavaScript制作一个简易的滑块。...

    javascript实现简易数码时钟

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

    h5+css+js原生实现简易飞机大战坦克

    在本项目中,“h5+css+js原生实现简易飞机大战坦克”是一个基于Web技术构建的简单游戏,主要利用HTML5、CSS3和JavaScript原生代码来完成。这个项目对于初学者来说是一个很好的实践平台,可以提升JavaScript编程技能...

    源码-简易的JavaScript贪吃蛇小游戏,其中运用了简单的css和JavaScript技术.zip

    在这个简易的JavaScript贪吃蛇小游戏中,开发者利用了JavaScript的核心特性以及CSS的视觉表现手法,创造了一个简单而有趣的互动体验。下面将详细讲解这个项目中涉及的关键知识点。 首先,JavaScript是实现游戏逻辑...

Global site tag (gtag.js) - Google Analytics