基于javascript实现动态时钟效果


Posted in Javascript onAugust 18, 2020

本文实例讲解了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程序设计有所帮助。

Javascript 相关文章推荐
js 字符串操作函数
Jul 25 Javascript
调用js时ie6和ie7,ff的区别
Aug 19 Javascript
javascript动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
Jquery插件写法笔记整理
Sep 06 Javascript
jQuery DOM删除节点操作指南
Mar 03 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
angular实现图片懒加载实例代码
Jun 08 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
Jul 18 Javascript
iView框架问题整理小结
Oct 16 Javascript
微信小程序button标签open-type属性原理解析
Jan 21 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 #Javascript
灵活的理解JavaScript中的this指向
Feb 25 #Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
Feb 25 #Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 #Javascript
jQuery zTree加载树形菜单功能
Feb 25 #Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 #Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 #Javascript
You might like
PHP开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
php数组指针操作详解
2017/02/14 PHP
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
选择器中含有空格在使用示例及注意事项
2013/07/31 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
jQuery中find()方法用法实例
2015/01/07 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
Django框架中方法的访问和查找
2015/07/15 Python
让python在hadoop上跑起来
2016/01/27 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
Python引用传值概念与用法实例小结
2017/10/07 Python
python如何读写json数据
2018/03/21 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
python实现视频分帧效果
2019/05/31 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
双十佳事迹材料
2014/01/29 职场文书
超市中秋节促销方案
2014/03/21 职场文书
工作会议方案
2014/05/21 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
创业计划书之物流运送
2019/09/17 职场文书