教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 JavaScript 时钟的简单示例

JavaScript 时钟的简单示例

发布时间:2015-03-06   编辑:jiaochengji.com
分享一例javascript实现的简单时钟代码,date日期类的简单实例,感兴趣的朋友可以参考下。

本节内容:
JavaScript 时钟

如何用javascript实现一个简单的时钟效果呢?
请看下面的代码:
 

复制代码 代码示例:

<html>
<head>
<title>JS简单时钟-www.jiaochengji.com</title>
<script>
    function displayTime() {
        document.getElementById("time").innerHTML = new Date().toTimeString();
    }

    setInterval(displayTime,1000);  // 每隔1秒钟调用displayTime函数
</script>
</head>
<body>
    <p id="time"></p>
</body>
</html>

效果如下图:
11.jpg
>>>查看更多javascript 教程

您可能感兴趣的文章:
JavaScript 时钟的简单示例
php 时间计算问题学习总结
php文章24小时内显示红色文字的示例代码
C#获取时间差的简单示例
php实现几分钟前发布信息的功能代码
JS动态获取当前时间并写到特定区域的代码示例
Windows8.1怎么设置闹钟?Win8.1设置闹钟方法图解
js定时调用函数(SetInterval与setTimeout)的区别分析
shell awk读取Nginx 5分钟内的访问日志数
php定时执行任务的简单实例

[关闭]
~ ~