js实现页面时钟
<body onload="setInterval(nowtime,1000)">
<form id="main" method="post" runat="server">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ebebeb">
<tr>
<td width="53%" height="63">
<div align="center">
<table width="519" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="519">
<div align="left">
<img src="../images/logoMain.gif" width="518" height="62" /></div>
</td>
</tr>
</table>
</div>
</td>
<td width="47%" align="right">
<script language="JavaScript">
today = new Date();
function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i + 1] = initArray.arguments[i]
}
var d = new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"",
today.getYear(), "年",
today.getMonth() + 1, "月",
today.getDate(), "日 ",
d[today.getDay() + 1],
"");
</script>
<img align="absMiddle" src="../images/time.gif" />
<span id="t1">
<script language="javascript">
todaytime1 = new Date();
t1.innerText = todaytime1.getHours() + '：' + todaytime1.getMinutes() + '：' + todaytime1.getSeconds();
</script>
</span>
<script language="javascript">
function nowtime() {
todaytime = new Date();
t1.innerText = todaytime.getHours() + '：' + todaytime.getMinutes() + '：' + todaytime.getSeconds()
}
</script>
</td>
</tr>
</table>
</form>
</body>
效果：
时间自动走动
主要注意body中onload事件触发
js实现页面时钟的更多相关文章
- js动态数字时钟
js动态数字时钟 主要用到知识点: 主要是通过数组的一些方法,如:Array.from() Array.reduce() Array.find() 时间的处理和渲染 js用到面向对象的写法 实现的功能 ...
- JS实现页面进入、返回定位到具体位置
最为一个刚入职不久的小白...慢慢磨练吧... JS实现页面返回定位到具体位置 其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能.正常的跳转,返回确实可以定位,但是有些特殊场景就不适用了. ...
- [JS,Canvas]日历时钟
[JS,Canvas]日历时钟 Html: <!doctype html> <html> <head> <meta charset="UTF-8&q ...
- js jquery 页面加载初始化方法
js jquery 页面加载初始化方法 一.js页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> < ...
- WOW.js – 在页面滚动时展现动感的元素动画效果
在一些网页上,当你滚动页面的时候会看到各式各样的元素动画效果,非常动感.WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,很容易定制,你可以改变动画设置喜欢的风格.延迟.长度.偏移和迭代等 ...
- js中页面刷新和页面跳转的方法总结
.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.histor ...
- Progress.js – 为页面上的任意对象创建进度条效果
Progress.js 是一个 JavaScript 和 CSS3 的库,它帮助开发人员为网页上的每个对象创建和管理进度条效果.你可以设计自己的模板,进度条或者干脆定制. 您可以使用 Progress ...
- JS刷新页面总和！多种JS刷新页面代码!
1)<meta http-equiv="refresh"content="10;url=跳转的页面">10表示间隔10秒刷新一次2)<scri ...
- js控制页面的全屏展示和退出全屏显示
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/h ...
随机推荐
- docker 数据管理<1>
1. 挂载本地的目录到容器里: docker run -itd -v /data/:/data1 centos bash // -v 用来指定挂载目录, :前面的/data为本地目录,:后面的/dat ...
- Nginx 介绍和安装
Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. Nginx 是由 Igor Sysoev ...
- Qt部件学习之-烧鹅
1,布局管理器 candidates
- openStack CI(Continuous interaction)/CD(Continuous delivery) Gerrit/Jenkins安装及集成,插件配置
preFace: CI/CD practice part contains the following action items and fields of expertise: Gerrit ins ...
- Struts2 单文件上传
Struts2 提供了更为简便的文件上传机制,将文件上传的复杂操作都封装到commons-fileupload.jar .commons-io.jar两个jar包中,然后再程序中使用简单的几句代码就能 ...
- 网易云课堂_程序设计入门-C语言_第四周：循环控制_1素数和
1 素数和(5分) 题目内容: 我们认为2是第一个素数,3是第二个素数,5是第三个素数,依次类推. 现在,给定两个整数n和m,0<n<=m<=200,你的程序要计算第n个素数到第m个 ...
- js中调用mangeto的js翻译
第一步: <script type="text/javascript"> Translator.add('英文','<?php echo this->__( ...
- use magento default datepicker plugin in your project
<action method="addItem"><type>js_css</type><name>calendar/calenda ...
- IOS学习笔记06---C语言函数
IOS学习笔记06---C语言函数 -------------------------------------------- qq交流群:创梦技术交流群:251572072 ...
- css黑魔法
多行文本溢出显示省略号(...)的方法 p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-li ...