<html>

     <head>

         <title>定时刷新时间</title>

         <script language="JavaScript">  //<script language="JavaScript" src="js.js">

             function time(){

                 var now =new Date().toLocaleString();

                 alert(now);

             }

             function start(){

                 timmerID=window.setInterval("time()",1000);  //调取函数，调取频率毫秒

             }

             function stop(){

                 window.clearInterval(timmerID);  //只有遇到clearInterval() 才停止

             }

         </script>

     </head>

     <body>

         <input type ="button" value="时间" onclick="time()"></button>

         <input type ="button" value="启动" onclick="start()"></button>

         <input type ="button" value="停止" onclick="stop()"></button>

     </body>

 </html>


 <html>

     <head>

         <title>时钟、倒计时</title>

         <script language="JavaScript"> 

             function rtime(){

                 var djs = document.getElementById("count").innerText;

                 if(djs!=0){

                     document.getElementById("count").innerText=djs-1;

                     setTimeout("rtime()",100); //调取函数，调取频率毫秒 只掉一次

                 }

             }

             function time(){

                 var now = new Date();

                 var hour = now.getHours();

                 var min = now.getMinutes();

                 var second = now.getSeconds();

                 var apm = "AM";

                 if(hour>12){

                     hour=hour-12;

                     apm = "PM";

                 }

                 if(hour<10){

                     hour="0"+hour;

                 }

                 if(min<10){

                     min="0"+min;

                 }

                 if(second<10){

                     second="0"+second;

                 }

                 document.form1.myclock.value = hour+":"+min+":"+second+"  "+apm ;

                 setTimeout("time()",1000);

             }

         </script>

     </head>

     <body onload="time()">

         <form name="form1">

             <input type="text" name="myclock">

             <div id="count" >111</div>

             <input type="button" value="倒计时开始" onclick="rtime()">

         </form>

     </body>

 </html>


 


												


											
HTML--JS  定时刷新、时钟、倒计时的更多相关文章
	

    
						
  1. JS定时刷新页面及跳转页面
		
    JS定时刷新页面及跳转页面 Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history ...
    
		
    2. 
						
  2. js定时刷新页面.
		
    //页面定时刷新.2017.09.27 $(document).ready(function () { self.setInterval(function () { var d = new Date( ...
    
		
    3. 
						
  3. js防刷新的倒计时
		
    近期在维护考试系统,在进行考试測试时无意中点击了刷新button.可是上面的倒计时并没有受到影响.同一时候在几篇博客中也有这种样例,所以我想看看它究竟是如何防止刷新的. 假设是用cs代码写.我们可能会 ...
    
		
    4. 
						
  4. 定时刷新页面SetInterval 和setTimeout -时间间隔可以动态设定
		
    JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操作. setTimeout("function& ...
    
		
    5. 
								
  5. JS获取当前日期时间并定时刷新
		
    JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014 ...
    
		
    6. 
						
  6. Java进阶SQL函数、网页定时刷新与自定义JSTL函数
		
    一.SQL函数 能够在SQL语句中调用的函数(方法) ,用来实现一些小功能 聚合函数 能够把多行数据聚合成一个值(统计) count()    计数,计算数据条数 max()      计算最大值 m ...
    
		
    7. 
						
  7. jQuery实现AJAX定时刷新局部页面实例
		
    本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西,但是都不太实用,最实用的方法还是ajax ...
    
		
    8. 
						
  8. 使用CSS中的meta实现web定时刷新或跳转的方法
		
    这篇文章主要介绍了使用CSS中的meta实现web定时刷新或跳转的方法,比使用JavaScript脚本实现起来更加简单一些,需要的朋友可以参考下 meta源信息功能之页面定时跳转与刷新 几乎所有的网页 ...
    
		
    9. 
						
  9. 【jQuery】： 定时刷新页面
		
    <%@page import="qflag.ucstar.seatmonitor.manager.SeatMonitorManager"%><%@ page la ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 初学css  list-style属性
			
    网上很多css布局中会看到这样的一句:list-style:none: 那么list-style到底什么意思?中文即:列表样式:无: 其实它是一个简写属性,包含了所有列表属性,具体包含list-sty ...
    
			
    2. 
						
  2. 什么是 Python 的命名空间？
			
    在 Python 中,所有的名字都存在于一个空间中,它们在该空间中存在和被操作——这就是命名空间.它就好像一个盒子,每一个变量名字都对应装着一个对象.当查询变量的时候,会从该盒子里面寻找相应的对象.
    
			
    3. 
						
  3. Robot Framework 源码阅读 day1 run.py
			
    robot里面run起来的接口主要有两类 run_cli def run_cli(arguments): """Command line execution entry  ...
    
			
    4. 
						
  4. 2018-8-27-C#-powshell-调用
			
    title author date CreateTime categories C# powshell 调用 lindexi 2018-8-27 16:20:4 +0800 2018-06-18 20 ...
    
			
    5. 
						
  5. service mesh学习规划
			
    istio go语言 谷歌开发 现有产品功能(每个功能具体支持哪些方式,优缺点) 服务注册发现 流量劫持 路由 负载均衡 熔断降级 流量控制(限流.流量分配) 重试机制 日志管理 支持的协议 监控(健 ...
    
			
    6. 
						
  6. SQL SERVER将多行数据合并成一行
			
    1)比如表中有三列数据: 2)执行如下查询: SELECT [USER_NAME], [USER_ACCOUNT] , [ROLE_NAME] = stuff(( SELECT ',' + [ROLE ...
    
			
    7. 
						
  7. Linux性能优化从入门到实战：16 文件系统篇：总结磁盘I/O指标/工具、问题定位和调优
			
    (1)磁盘 I/O 性能指标 文件系统和磁盘 I/O 指标对应的工具 文件系统和磁盘 I/O 工具对应的指标 (2)磁盘 I/O 问题定位分析思路 (3)I/O 性能优化思路 Step 1:首先采用  ...
    
			
    8. 
						
  8. kali Linux 入门(二)
			
    九.软件安装 1.apt install --软件名称-- -y 2.apt install packge_name----库安装 3.apt install kali-linux-all -y--- ...
    
			
    9. 
						
  9. python的list内存分配算法
			
    前提:python为了提高效率会为list预先分配一定的内存空间供其使用,避免在每次append等操作都去申请内存,下面简单分析下list的内存分配算法,主要就是两段. 1.当没有元素时,newsiz ...
    
			
    10. 
						
  10. CF 82 D.Two out of Three
			
    前言 全网唯一不同题解 设 \(f[i][j]\) 表示第 \(i\) 次选取留下来的数是 \(k\) 的最小花费 枚举前面的留下来的点 \(k\) 当前能留下的点只有 \((2*i),(2*i+1) ...
    
			
    11.