js+数组实现网页上显示时间/星期几的实用方法

 更新时间:2013年01月18日 16:43:36   作者:  
在网页上显示时间(年月日/时分秒),很多新手朋友都想实现这样的功能,本文整理了一些实用技巧,杀出来与大家分享,感兴趣的朋友可以了解下
复制代码 代码如下:

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

复制代码 代码如下:

<script type="text/javascript">
var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.write("今天是" + weekday[d.getDay()])
</script>

相关文章

  • ES2015 Symbol 一种绝不重复的值

    ES2015 Symbol 一种绝不重复的值

    这篇文章主要介绍了Symbol是ES2015新增的一种值类型数据,表示一种绝不重复的值,需要的朋友可以参考下
    2016-12-12
  • 小程序如何支持使用 async/await详解

    小程序如何支持使用 async/await详解

    这篇文章主要介绍了小程序如何支持使用 async/await详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • webpack的CSS加载器的使用

    webpack的CSS加载器的使用

    这篇文章主要介绍了webpack的CSS加载器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 微信小程序以ssm做后台开发的实现示例

    微信小程序以ssm做后台开发的实现示例

    这篇文章主要介绍了微信小程序以ssm做后台开发的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • JavaScript字符串对象(string)基本用法示例

    JavaScript字符串对象(string)基本用法示例

    这篇文章主要介绍了JavaScript字符串对象(string)基本用法,结合实例形式分析了js字符串的添加、计算、获取、替换等操作实现技巧,需要的朋友可以参考下
    2017-01-01
  • JavaScript数组reduce()方法的语法与实例解析

    JavaScript数组reduce()方法的语法与实例解析

    js函数中有三个在特定场合很好用的函数:reduce(),map(),filter(),这篇文章主要给大家介绍了关于JavaScript数组reduce()方法的相关资料,需要的朋友可以参考下
    2021-07-07
  • JavaScript实现省市联动过程中bug的解决方法

    JavaScript实现省市联动过程中bug的解决方法

    这篇文章主要为大家详细介绍了解决JavaScript实现省市联动过程中的bug,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • 微信小程序数据存储与取值详解

    微信小程序数据存储与取值详解

    这篇文章主要为大家详细介绍了微信小程序数据存储与取值的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • webpack 代码分离优化快速指北

    webpack 代码分离优化快速指北

    这篇文章主要介绍了webpack 代码分离优化快速指北,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • js实现网页版贪吃蛇游戏

    js实现网页版贪吃蛇游戏

    这篇文章主要为大家详细介绍了js实现网页版贪吃蛇游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02

最新评论