js+html获取系统当前时间

 更新时间:2017年11月10日 10:09:53   作者:Glydi  
这篇文章主要为大家详细介绍了javascript html获取系统当前时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了html获取系统当前时间的具体代码,供大家参考,具体内容如下

<html>
<head>
<STYLE>
TD {
FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
</STYLE>
<SCRIPT language=JavaScript>
function tick() {
var years,months,days,hours, minutes, seconds;
var intYears,intMonths,intDays,intHours, intMinutes, intSeconds;
var today;
today = new Date(); //系统当前时间
intYears = today.getFullYear(); //得到年份,getFullYear()比getYear()更普适
intMonths = today.getMonth() + 1; //得到月份,要加1
intDays = today.getDate(); //得到日期
intHours = today.getHours(); //得到小时 
intMinutes = today.getMinutes(); //得到分钟
intSeconds = today.getSeconds(); //得到秒钟
years = intYears + "-"; 

if(intMonths < 10 ){
months = "0" + intMonths +"-";
} else {
months = intMonths +"-";
}
if(intDays < 10 ){
days = "0" + intDays +" ";
} else {
days = intDays + " ";
}
if (intHours == 0) {
hours = "00:";
} else if (intHours < 10) {
hours = "0" + intHours+":";
} else {
hours = intHours + ":";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = years+months+days+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 1000);
}
window.onload = tick;
</SCRIPT>
</head>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#73a3d4 height=40>
<TD noWrap align=right width=209 ><SPAN id="Clock"></SPAN></TD>
</TR>
</TABLE>
</BODY>
</HTML>

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

相关文章

  • JS实现很酷的EMAIL地址添加功能实例

    JS实现很酷的EMAIL地址添加功能实例

    这篇文章主要介绍了JS实现很酷的EMAIL地址添加功能,实例分析了javascript操作text文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 微信小程序报错: thirdScriptError的错误问题

    微信小程序报错: thirdScriptError的错误问题

    这篇文章主要介绍了微信小程序报错: thirdScriptError,本文给大家分享解决方法,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • JavaScript中通用的jquery动画滚屏实例

    JavaScript中通用的jquery动画滚屏实例

    这篇文章主要介绍了JavaScript中通用的jquery动画滚屏实例,本文通过实际代码来详解实现方法,需要的朋友可以参考一下
    2022-07-07
  • 数据库管理工具PHPMyAdmin

    数据库管理工具PHPMyAdmin

    这篇文章主要为大家介绍了数据库管理工具PHPMyAdmin使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • JS实现购物车基本功能

    JS实现购物车基本功能

    这篇文章主要为大家详细介绍了JS实现购物车基本功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript中的FileReader图片预览上传功能实现代码

    JavaScript中的FileReader图片预览上传功能实现代码

    本文通过实例代码给大家介绍了js中的FileReader图片预览上传功能,代码分为html和js代码两部分,具体实现代码大家参考下本文
    2017-07-07
  • 原生JS实现旋转木马式图片轮播插件

    原生JS实现旋转木马式图片轮播插件

    这篇文章主要介绍了原生JS实现旋转木马式图片轮播插件的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 使用JavaScript实现一个交互式待办事项列表

    使用JavaScript实现一个交互式待办事项列表

    JavaScript是一种强大的脚本语言,广泛应用于Web开发中,本文将通过一个完整的项目实例,演示如何使用JavaScript来实现一个交互式的待办事项列表,,需要的朋友可以参考下
    2023-08-08
  • JavaScript中number转换成string介绍

    JavaScript中number转换成string介绍

    这篇文章主要介绍了JavaScript中number转换成string介绍,本文讲解了4个把number转换成string的函数,需要的朋友可以参考下
    2014-12-12
  • BootStrap实现带有增删改查功能的表格(DEMO详解)

    BootStrap实现带有增删改查功能的表格(DEMO详解)

    这篇文章主要介绍了BootStrap实现带有增删改查功能的表格,表格封装了3个版本,接下来通过本文给大家展示下样式及代码,对bootstrap增删改查相关知识感兴趣的朋友一起通过本文学习吧
    2016-10-10

最新评论