1.  <html>
  2.      <head>
  3.          <title>定时刷新时间</title>
  4.          <script language="JavaScript">  //<script language="JavaScript" src="js.js">
  5.              function time(){
  6.                  var now =new Date().toLocaleString();
  7.                  alert(now);
  8.              }
  9.  
  10.              function start(){
  11.                  timmerID=window.setInterval("time()",1000);  //调取函数，调取频率毫秒
  12.              }
  13.              function stop(){
  14.                  window.clearInterval(timmerID);  //只有遇到clearInterval() 才停止
  15.              }
  16.  
  17.          </script>
  18.      </head>
  19.      <body>
  20.          <input type ="button" value="时间" onclick="time()"></button>
  21.          <input type ="button" value="启动" onclick="start()"></button>
  22.          <input type ="button" value="停止" onclick="stop()"></button>
  23.  
  24.      </body>
  25.  </html>
  26.  
  1.  <html>
  2.      <head>
  3.          <title>时钟、倒计时</title>
  4.          <script language="JavaScript"> 
  5.  
  6.              function rtime(){
  7.                  var djs = document.getElementById("count").innerText;
  8.                  if(djs!=0){
  9.                      document.getElementById("count").innerText=djs-1;
  10.                      setTimeout("rtime()",100); //调取函数，调取频率毫秒 只掉一次
  11.                  }
  12.              }
  13.              function time(){
  14.                  var now = new Date();
  15.                  var hour = now.getHours();
  16.                  var min = now.getMinutes();
  17.                  var second = now.getSeconds();
  18.                  var apm = "AM";
  19.                  if(hour>12){
  20.                      hour=hour-12;
  21.                      apm = "PM";
  22.                  }
  23.                  if(hour<10){
  24.                      hour="0"+hour;
  25.                  }
  26.                  if(min<10){
  27.                      min="0"+min;
  28.                  }
  29.                  if(second<10){
  30.                      second="0"+second;
  31.                  }
  32.                  document.form1.myclock.value = hour+":"+min+":"+second+"  "+apm ;
  33.                  setTimeout("time()",1000);
  34.              }
  35.  
  36.          </script>
  37.      </head>
  38.      <body onload="time()">
  39.          <form name="form1">
  40.              <input type="text" name="myclock">
  41.              <div id="count" >111</div>
  42.              <input type="button" value="倒计时开始" onclick="rtime()">
  43.          </form>
  44.  
  45.      </body>
  46.  </html>
  1.  
  1.  

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

  1. JS定时刷新页面及跳转页面

    JS定时刷新页面及跳转页面 Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history ...

  2. js定时刷新页面.

    //页面定时刷新.2017.09.27 $(document).ready(function () { self.setInterval(function () { var d = new Date( ...

  3. js防刷新的倒计时

    近期在维护考试系统,在进行考试測试时无意中点击了刷新button.可是上面的倒计时并没有受到影响.同一时候在几篇博客中也有这种样例,所以我想看看它究竟是如何防止刷新的. 假设是用cs代码写.我们可能会 ...

  4. 定时刷新页面SetInterval 和setTimeout -时间间隔可以动态设定

    JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操作. setTimeout("function& ...

  5. JS获取当前日期时间并定时刷新

    JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014 ...

  6. Java进阶SQL函数、网页定时刷新与自定义JSTL函数

    一.SQL函数 能够在SQL语句中调用的函数(方法) ,用来实现一些小功能 聚合函数 能够把多行数据聚合成一个值(统计) count()    计数,计算数据条数 max()      计算最大值 m ...

  7. jQuery实现AJAX定时刷新局部页面实例

    本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西,但是都不太实用,最实用的方法还是ajax ...

  8. 使用CSS中的meta实现web定时刷新或跳转的方法

    这篇文章主要介绍了使用CSS中的meta实现web定时刷新或跳转的方法,比使用JavaScript脚本实现起来更加简单一些,需要的朋友可以参考下 meta源信息功能之页面定时跳转与刷新 几乎所有的网页 ...

  9. 【jQuery】： 定时刷新页面

    <%@page import="qflag.ucstar.seatmonitor.manager.SeatMonitorManager"%><%@ page la ...

随机推荐

  1. CodeForces.1174D.ArraySplitting.(后缀和数组 + 贪心)

    题目链接 参考代码: #include <cstdio> #include <algorithm> using namespace std; typedef long long ...

  2. [2019杭电多校第四场][hdu6614]AND Minimum Spanning Tree（贪心）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6614 题目大意是有一张n个点的完全图,n个点点权为1-n,边权为两点点权按位与(&).求最小生 ...

  3. SCUT - 153 - 小马哥和他的山脉 - 线段树

    https://scut.online/p/153 其实不需要用线段树,只关心相邻元素的差,像神仙那样用差分就可以O1维护的. 但是我偏要用. 交之前写的那个,注意没有st本身的线段树只有lazy标记 ...

  4. RMAN备份与恢复 —— 参数文件还原

         在RMAN用语中,“还原”与“恢复”具有不同的含义,还原(restore)是指访问先前生成的备份集,从中得到一个或多个对象,然后再磁盘上的某个位置还原这些对象.还原与恢复时分离的.恢复(re ...

  5. BCR-ABL融合基因及检测

    费城染色体 费城染色体(Philadelphia chromosome, Ph (or Ph') chromosome),或称费城染色体易位(Philadelphia translocation),是 ...

  6. 211-基于FMC的ADC-DAC子卡

    基于FMC的ADC-DAC子卡 一.板卡概述 FMC-1AD-1DA-1SYNC是我司自主研发的一款1路1G AD采集.1路2.5G DA回放的FMC.1路AD同步信号子卡.板卡采用标准FMC子卡架构 ...

  7. Git命令——撤销修改

    Git命令 1. 撤销修改 (1) 当改乱了工作区(working directory)某个文件的内容,想直接丢弃工作区中的修改时,用命令git checkout -- file. (2) 当不但改乱 ...

  8. 解析 Java 反射题中一个有趣的坑

    public class Test { public void age(int age) { System.out.println("int age="+age); } publi ...

  9. C++遍历循环多维数组

    #include <iostream> using namespace std; int main() { int arr[2][2][2] = {0}; for(auto&&am ...

  10. C指针，&，*，指针的指针

    C指针: 指向变量的地址,想象成房间号 &: 取地址符号 *:间接访问符号, 访问p所存地址的内容 #include <iostream> int main(int argc, c ...