基于javascript实现动态时钟效果
更新时间：2020年08月18日 14:13:50 投稿：lijiao
这篇文章主要为大家详细介绍了基于javascript实现动态时钟效果的相关资料，动态显示系统当前时间，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例讲解了javascript动态时钟效果的实现方法，分享给大家供大家参考，具体内容如下
实现代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态时钟</title>
<script type="text/javascript">
//在网页上输出：今天的日期、星期、现在的时间（动态时钟）
function start()
{
var today=new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var hours=today.getHours();
var minutes=today.getMinutes();
var seconds=today.getSeconds();
//如果是单位数字，前面补0
month=month<10? "0"+month :month;
day=day<10? "0"+day :day;
hours=hours<10? "0"+hours :hours;
minutes=minutes<10? "0"+minutes :minutes;
seconds=seconds<10? "0"+seconds :seconds;
//时间信息连成字符串
var str="今天是"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;
//获取id=result的内容
var obj=document.getElementById("result");
obj.innerHTML=str;
//延时器
window.setTimeout("start()",1000);
}
</script>
</head>
<body onload="start()">
<div id="result"></div>
</body>
</html>
更多JavaScript时钟特效点击查看：JavaScript时钟特效专题
希望本文所述对大家学习javascript程序设计有所帮助。
相关文章
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
这篇文章主要介绍了js日期相关函数dateAdd,dateDiff,dateFormat等介绍,需要的朋友可以参考下2016-09-09
Javascript格式化并高亮xml字符串的方法及注意事项
这篇文章主要介绍了Javascript格式化并高亮xml字符串的方法及注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了JavaScript中包装对象的一些知识点，包括内置对象等2013-08-08
最近发现一个问题，echarts图初始化后不能自适应浏览器的缩放，所以下面这篇文章就来给大家介绍了关于echarts图表自适应问题的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-11-11
这篇文章主要介绍了JS实现图片旋转动画效果封装与使用,结合实例形式分析了JavaScript实现图片元素旋转的相关功能代码的封装与使用操作技巧,需要的朋友可以参考下2018-07-07
概述BootStrap中role="form"及role作用角色
这篇文章主要介绍了BootStrap中role="form"及role作用角色介绍，以及bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义简单介绍，需要的朋友参考下2016-12-12
这篇文章主要介绍了JS获取一个未知DIV高度的方法,涉及javascript针对页面元素属性的动态操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-08-08
这篇文章主要给大家介绍了关于JS截取数组操作的相关资料,对数组的操作相信大家都不陌生,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2023-08-08
今天又在无忧看到闭包的使用了，整理一下闭包的东西。2011-09-09
这篇文章主要介绍了在微信小程序里使用watch和computed的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
最新评论