手机
当前位置:查字典教程网 >编程开发 >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实现动态时间显示代码】相关文章:

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

图片加载进度实时显示

简单的防盗链功能代码(iframe)

Jquery实现动态切换图片的方法

JQuery+CSS实现图片上放置按钮的方法

一段实时更新的时间代码

原生JS和JQuery动态添加、删除表格行的方法

精确到分钟的js日历控件,日期选择器代码

javasript实现密码的隐藏与显示

js实现异步循环实现代码

精品推荐
分类导航