动态显示时间案例

步骤

1、得到当前时间

2、需要让页面每一秒获取时间 setInterval方法

3、显示到页面上 innerHTML属性

<html>
 <head>
  <title>Html示例</title>
  <style type="text/css">

  </style>
 </head>
 <body>
<div id ="times"> 

</div>
<script type ="text/javascript">
   function getD1() {
var date = new Date();
var d1=date.toLocaleString();  //把日期格式化，转换成当前格式
var div1= document.getElementById("times");
div1.innerHTML=d1;  //向标签里面设置内容
}
 setInterval("getD1();",1000);

</script>

 </body>
</html>

　　结果显示为时间会自己变动

时间： 2024-10-29 04:45:37

动态显示时间案例的相关文章

JavaScript案例三：动态显示时间

用JavaScript实现在页面上动态的显示时间 <!DOCTYPE html> <html> <head> <title>JavaScript动态显示时间</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"

前端代码: <script type="text/javascript"> var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); } }

pyqt 动态显示时间方法例子学习

# -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' import sys,datetime from PyQt4.QtCore import Qt from PyQt4 import QtGui,QtCore,Qt from ti import Ui_Form class Example(QtGui.QDialog,Ui_Form): def __init__(self,parnet=None): super(Exa

Java 之 cookie 记住用户登录时间案例

需求: 1. 访问一个Servlet,如果是第一次访问,则提示:您好,欢迎您首次访问. 2. 如果不是第一次访问,则提示:欢迎回来,您上次访问时间为:显示时间字符串分析: 1. 可以采用Cookie来完成 2. 在服务器中的Servlet判断是否有一个名为lastTime的cookie 2.1 有:不是第一次访问 1. 响应数据:欢迎回来,您上次访问时间为:2019年10月4日11:50:20 2. 写回Cookie:lastTime=2019年10月4日11:50:01 2.2 没有:是第一

为博客园（或网站）添加iquery动态显示时间（格式为：年月日时间星期几）

1.显示样式如图所示: 时间为动态显示. 2.添加方法在你需要的位置插入如下代码即可:  <div style="background: pink;text-align:center;" id="Timer"></div> <script type="text/javascript"> $(function() { setInterval("GetTime()&q

【JSP】JSP动态显示时间

1 function showtime() { 2 var today; 3 var hour; 4 var second; 5 var minute; 6 var year; 7 var month; 8 var date; 9 var strDate; 10 today = new Date(); 11 var n_day = today.getDay(); 12 switch (n_day) { 13 case 0: { 14 strDate = "星期日" 15 } 16 br

用原生javascript实现在页面动态显示时间

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js demo1</title></head><body> <script src="cLanguage.js"> var t = null;t = setTimeout(time,1000);function time(){ clearTime

动态显示时间watch

此文紧供参考使用: watch -n# 'COMMAND' 例如:watch -n1 w -n:刷新间隔 1为1秒 w动态显示终端登录时间

Android 动态显示时间

package code.example.newcodeview; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.text.format.DateFormat; import android.widget.TextView; import android.app.Activity; public class MainActivity extends Ac