能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果。

比如自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果。

代码实例如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript">
var t = null;
function time(){
  dt = new Date();
  var y=dt.getFullYear();
  var h=dt.getHours();
  var m=dt.getMinutes();
  var s=dt.getSeconds();
  document.getElementById("timeShow").innerHTML="当前时间:"+y+"年"+h+"时"+m+"分"+s+"秒";
  t = setTimeout(time,1000);        
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

代码描述:JavaScript自动变化 时间日期。JavaScript自动变化时间日期代码实例下载



131 174



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到