手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >纯JS实现动态时间显示代码
纯JS实现动态时间显示代码
摘要:复制代码代码如下:无标题文档vart=null;t=setTimeout(time,1000);//开始执行functiontime(){c...

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="javascript">

var t = null;

t = setTimeout(time,1000);//开始执行

function time()

{

clearTimeout(t);//清除定时器

dt = new Date();

var h=dt.getHours();

var m=dt.getMinutes();

var s=dt.getSeconds();

document.getElementById("timeShow").innerHTML = "现在的时间为:"+h+"时"+m+"分"+s+"秒";

t = setTimeout(time,1000); //设定定时器,循环执行

}

</script>

</head>

<body>

<label id="timeShow"></lable>

</body>

</html>

【纯JS实现动态时间显示代码】相关文章:

jquery实现动态改变div宽度和高度

JS实现窗口加载时模拟鼠标移动的方法

鼠标图片振动代码

jQuery+ajax实现无刷新级联菜单示例

JavaScript实现身份证验证代码

jQuery实现div随意拖动的实例代码(通用代码)

JQuery实现动态添加删除评论的方法

一段实时更新的时间代码

JavaScript实现广告的关闭与显示效果实例

JS选项卡动态替换banner图片路径的方法

精品推荐
分类导航