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 相关文章推荐
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
帝国cms首页列表页实现点赞功能
Oct 30 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 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
一个域名查询的程序
2006/10/09 PHP
php 网上商城促销设计实例代码
2012/02/17 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法
2014/12/15 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
python查找目录下指定扩展名的文件实例
2015/04/01 Python
Python调用C++程序的方法详解
2017/01/24 Python
python urllib爬取百度云连接的实例代码
2017/06/19 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
python利用微信公众号实现报警功能
2018/06/10 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
Python 变量的创建过程详解
2019/09/02 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
pycharm的python_stubs问题
2020/04/08 Python
python 等差数列末项计算方式
2020/05/03 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
python中time、datetime模块的使用
2020/12/14 Python
Django中的DateTimeField和DateField实现
2021/02/24 Python
Ralph Lauren法国官网:美国高品味时装品牌
2017/12/08 全球购物
档案工作个人总结
2015/03/03 职场文书
运动会观后感
2015/06/09 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL