基于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 相关文章推荐
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
javascript中普通函数的使用介绍
Dec 19 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
JQuery为元素添加样式的实现方法
Jul 20 Javascript
JavaScript Ajax实现异步通信
Dec 14 Javascript
微信小程序 点击控件后选中其它反选实例详解
Feb 21 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
在Vuex中Mutations修改状态操作
Jul 24 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的ob_start来生成静态页面的方法分析
2011/03/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
实例分析PHP将字符串转换成数字的方法
2019/01/27 PHP
JavaScript关于select的相关操作说明
2010/01/13 Javascript
js 居中漂浮广告
2010/03/21 Javascript
Javascript Object.extend
2010/05/18 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
javascript实现状态栏中文字动态显示的方法
2015/10/20 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
Python list操作用法总结
2015/11/10 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
python实现字符串和字典的转换
2018/09/29 Python
用python一行代码得到数组中某个元素的个数方法
2019/01/28 Python
Django保护敏感信息的方法示例
2019/05/09 Python
详解numpy的argmax的具体使用
2019/05/27 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
Python机器学习工具scikit-learn的使用笔记
2021/01/28 Python
英国钻石公司:British Diamond Company
2020/02/16 全球购物
史学专业毕业生求职信
2014/05/09 职场文书
2015年行政助理工作总结
2015/04/30 职场文书
个人原因辞职信模板
2015/05/13 职场文书
公司规章制度范本
2015/08/03 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书