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 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
dojo 之基础篇
Mar 24 Javascript
javascritp实现input输入框相关限制用法
Jun 29 Javascript
JavaScript XML实现两级级联下拉列表
Nov 10 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
Nov 25 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 Javascript
Node.js API详解之 console模块用法详解
May 12 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
解析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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
python从入门到精通(DAY 2)
2015/12/20 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
python3 求约数的实例
2019/12/05 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
Python实现动态循环输出文字功能
2020/05/07 Python
python初步实现word2vec操作
2020/06/09 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
js实现弹框效果
2021/03/24 Javascript
护士毕业生自荐信
2014/02/07 职场文书
授权委托书样本
2014/04/03 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
2014年小学数学教师工作总结
2014/12/03 职场文书
党员证明信
2015/06/19 职场文书
安全主题班会教案
2015/08/12 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
小学教师教学反思
2016/02/24 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python
python中filter,map,reduce的作用
2022/06/10 Python