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 相关文章推荐
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
Feb 28 Javascript
jQuery中deferred对象使用方法详解
Jul 14 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
Vue项目安装插件并保存
Jan 28 Javascript
JSON的parse()方法介绍
Jan 31 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
php flv视频时间获取函数
2010/06/29 PHP
PHP 命名空间实例说明
2011/01/27 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
详解php中 === 的使用
2016/10/24 PHP
thinkphp分页集成实例
2017/07/24 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
JQuery球队选择实例
2015/05/18 Javascript
JavaScript中的slice()方法使用详解
2015/06/06 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
windows系统下Python环境搭建教程
2017/03/28 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
python重要函数eval多种用法解析
2020/01/14 Python
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
医院实习介绍信
2014/01/12 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
经典英文广告词
2014/03/18 职场文书
给老婆的保证书范文
2014/04/28 职场文书
场地使用证明模板
2014/10/25 职场文书
司考复习计划
2015/01/19 职场文书