运用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>
效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# js显示系统当前时间
# js输出系统当前时间
# js显示当前时间
# 基于JS代码实现实时显示系统时间
# JS 通过系统时间限定动态添加 select option的实例代码
# js流动式效果显示当前系统时间
# 基于javascript实现动态显示当前系统时间
# 6种javascript显示当前系统时间代码
# 使用iojs的jsdom库实现同步系统时间
# jsp实现页面实时显示当前系统时间的方法
# js显示当前系统时间的代码
# javascript 显示当前系统时间代码
# js获取当前时间(昨天、今天、明天)
# 大家多多
# 星期日
# rel
# stylesheet
# style
# href
# charset
# link
# title
# css
# function
# onload
# checkTime
# showTime
# window
# language
# script
# type
# javascript
# lt
相关文章:
c# 服务器GC和工作站GC的区别和设置
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
,柠檬视频怎样兑换vip?
平台云上自助建站如何快速打造专业网站?
专业网站设计制作公司,如何制作一个企业网站,建设网站的基本步骤有哪些?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
如何获取上海专业网站定制建站电话?
哈尔滨网站建设策划,哈尔滨电工证查询网站?
金*站制作公司有哪些,金华教育集团官网?
深圳网站制作平台,深圳市做网站好的公司有哪些?
如何在云主机上快速搭建网站?
小自动建站系统:AI智能生成+拖拽模板,多端适配一键搭建
如何通过网站建站时间优化SEO与用户体验?
如何零成本快速生成个人自助网站?
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
,sp开头的版面叫什么?
制作表格网站有哪些,线上表格怎么弄?
建站org新手必看:2024最新搭建流程与模板选择技巧
建站主机是什么?如何选择适合的建站主机?
高性能网站服务器部署指南:稳定运行与安全配置优化方案
如何选择PHP开源工具快速搭建网站?
公司网站的制作公司,企业网站制作基本流程有哪些?
网站制作大概要多少钱一个,做一个平台网站大概多少钱?
公司网站建设制作费用,想建设一个属于自己的企业网站,该如何去做?
如何在建站宝盒中设置产品搜索功能?
如何用腾讯建站主机快速创建免费网站?
建站之星展会模版如何一键下载生成?
如何快速登录WAP自助建站平台?
网页设计网站制作软件,microsoft office哪个可以创建网页?
网站建设制作、微信公众号,公明人民医院怎么在网上预约?
已有域名和空间,如何快速搭建网站?
香港服务器WordPress建站指南:SEO优化与高效部署策略
python的本地网站制作,如何创建本地站点?
网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?
网站制作员失业,怎样查看自己网站的注册者?
如何快速搭建自助建站会员专属系统?
高性价比服务器租赁——企业级配置与24小时运维服务
济南网站制作的价格,历城一职专官方网站?
如何在服务器上配置二级域名建站?
网站制作服务平台,有什么网站可以发布本地服务信息?
香港服务器建站指南:免备案优势与SEO优化技巧全解析
简单实现Android验证码
外贸公司网站制作哪家好,maersk船公司官网?
如何获取PHP WAP自助建站系统源码?
如何通过建站之星自助学习解决操作问题?
青岛网站建设如何选择本地服务器?
营销式网站制作方案,销售哪个网站招聘效果最好?
黑客如何通过漏洞一步步攻陷网站服务器?
Android自定义控件实现温度旋转按钮效果
如何通过虚拟机搭建网站?详细步骤解析
*请认真填写需求信息,我们会在24小时内与您取得联系。