JavaScript实现简单的时钟实例代码
<html>
<head>
<title>JS实现简单的时钟</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>
相关推荐
-
js实现一个简单的数字时钟效果
效果图: 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>一个简单的数字时钟</title> <script type="text/javascript" charset="utf-8
-
html5 canvas js(数字时钟)实例代码
复制代码 代码如下: <!doctype html><html> <head> <title>canvas dClock</title> </head> <body> <canvas id = "clock" width = "500px" height = "200px"> 您的浏览
-
超级可爱纯js网页时钟
//oObj input requires that a matrix filter be applied. //deg input defines the requested angle of rotation. var deg2radians = Math.PI * 2 / 360; function MatrixFilter(obj) { if(!obj.filters)return; //alert(obj.filters.item(0)); var Matrix; for(p in o
-
基于javascript实现动态时钟效果
本文实例讲解了javascript动态时钟效果的实现方法,分享给大家供大家参考,具体内容如下 实现代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <
-
一个简易时钟效果js实现代码
本文实例为大家分享了js时钟特效 的具体代码,供大家参考,具体内容如下 js代码 var canvas = document.getElementById("clock"); var clock = canvas.getContext("2d"); function zhong() { clock.save(); //开始画外层圆 clock.translate(200, 200); clock.strokeStyle = 'black'; clock.lineWi
-
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
时间对象作为非常重要的一个对象,对我们学.net的人来说,并不是很重要,但这并不意味着我们可以忽略,事实上,用得着的时候还是很多的,如果完全依赖JS处理时间,那是会出问题的,因为JS总是假设本地机器上的时间是正确的.还有个原因,他总按照GTM市区来计量.我们只是返回当前date对象的副本,我们即便是修改,那也不会对对象本身有任何影响. 演示一:动态的时钟(来个复杂的) 11:55:13 演示二:显示完整的一些方法(事实上我很讨厌有些格式了) Mon Oct 1 22:35:25 UTC+0800
-
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
中文日期限制 "; props2=""; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i '+props2+D
-
js实现倒计时时钟的示例代码
如下所示: 复制代码 代码如下: <!--将以下代码加入HTML的<Body></Body>之间--> <SCRIPT language=JavaScript1.2>function setcountdown(theyear,themonth,theday){yr=theyear;mo=themonth;da=theday}setcountdown(2008,7,12)var occasion="2008北京奥运会"var message
-
JS实现的网页倒计时数字时钟效果
本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
-
js实现简单的秒表走动的时钟特效
本文实例介绍了javascript实现简单的秒表走动的时钟特效.分享给大家供大家参考.具体如下: 运行效果图如下: 实现代码: <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds(
随机推荐
- Android 使用Vitamio打造自己的万能播放器(5)——在线播放(播放优酷视频)
- 简化SQL Server备份与还原到云工作原理及操作方法
- 一不小心就做错的JS闭包面试题
- JavaScript延时效果比较不错的
- JavaScript 全角转半角部分
- jsp使用cookie存储中文示例分享
- C#结合数据库的数据采集器示例
- jQuery实现的文字hover颜色渐变效果实例
- Android使用setCustomTitle()方法自定义对话框标题
- php获取网页内容方法总结
- 提高javascript效率 一次判断,而不要次次判断
- 浅谈javascript的call()、apply()、bind()的用法
- 轻松创建nodejs服务器(6):作出响应
- DirectoryEntry配置IIS7出现ADSI Error:未知错误(0x80005000)
- 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
- js自动生成的元素与页面原有元素发生堆叠的解决方法
- Android学习笔记——Menu介绍(一)
- Java语言实现简单FTP软件 FTP软件效果图预览之下载功能(2)
- 教你安装配置Android Studio
- 网跃科技为您提供免费100M全能型空间