javascript显示系统当前时间代码


Posted in Javascript onDecember 29, 2016

运用JavaScript技术,输出系统当前时间到指定位置。
代码:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>当前系统时间</title> 
<link rel="stylesheet" href="style.css" /> 
<script language="javascript" type="text/javascript"> 
 
 window.onload = function(){ 
 showTime(); 
 } 
 function checkTime(i){ //补位处理 
 if(i<10){ 
  i='0'+i; 
 } 
 return i; 
 } 
 function showTime(){ 
 var now=new Date(); 
 var year=now.getFullYear(); 
 var month=now.getMonth()+1; 
 var day=now.getDate(); 
 var h=now.getHours(); 
 var m=now.getMinutes(); 
 var s=now.getSeconds(); 
 m=checkTime(m) 
 s=checkTime(s) 
 
//显示星期 
 var weekday=new Array(7) 
 weekday[0]="星期日" 
 weekday[1]="星期一" 
 weekday[2]="星期二" 
 weekday[3]="星期三" 
 weekday[4]="星期四" 
 weekday[5]="星期五" 
 weekday[6]="星期六" 
 
 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+weekday[now.getDay()] +" "+h+":"+m+":"+s; 
 t=setTimeout('showTime()',500) 
 } 
 
</script> 
 
<style type="text/css"> 
 .content 
 { 
  height:50px; 
  width:100%; 
  background:#B1E28D; 
 } 
 #show 
 {  
  margin:0 auto; 
  text-align:center 
  height:50px; 
  line-height:50px; 
  width:500px; 
 } 
  
</style> 
</head> 
 
<body> 
<div class="content"> 
 <div id="show">显示时间的位置</div> 
</div> 
</body> 
</html>

效果如下:

javascript显示系统当前时间代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
js 获取浏览器高度和宽度值(多浏览器)
Sep 02 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
基于datagrid框架的查询
Apr 08 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
JS实现从连接中获取youtube的key实例
Jul 02 Javascript
JavaScript绑定事件监听函数的通用方法
May 14 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
详解React 16 中的异常处理
Jul 28 Javascript
解决vuecli3.0热更新失效的问题
Sep 19 Javascript
解析JavaScript模仿块级作用域
Dec 29 #Javascript
JavaScript仿支付宝6位数字密码输入框
Dec 29 #Javascript
vue实现列表的添加点击
Dec 29 #Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 #Javascript
基于javascript的Form表单验证
Dec 29 #Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 #Javascript
bootstrap导航条实现代码
Dec 28 #Javascript
You might like
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
一个用php3编写的简单计数器
2006/10/09 PHP
深入理解用mysql_fetch_row()以数组的形式返回查询结果
2013/06/05 PHP
php实现文件下载代码分享
2014/08/19 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
浅析php工厂模式
2014/11/25 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
初学JavaScript第二章
2008/09/30 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
python实现复制整个目录的方法
2015/05/12 Python
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
python opencv实现简易画图板
2020/08/27 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
AOP的定义以及作用
2013/09/08 面试题
毕业生个人求职的自我评价
2013/10/28 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
怎样写离婚协议书
2014/09/10 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
数学教师个人工作总结
2015/02/06 职场文书
党员进社区活动总结
2015/05/07 职场文书
中学总务处工作总结
2015/08/12 职场文书
公司员工违法违章行为检讨书
2019/06/24 职场文书
js判断两个数组相等的5种方法
2022/05/06 Javascript