zoukankan      html  css  js  c++  java
  • 动态时钟的实现

    下面是动态时钟的效果图(ps:不过好像看不出动态效果来):

    下面是具体的代码:

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <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>
    
  • 相关阅读:
    C#变量初始化
    Mcrosoft中间语言的主要特征
    去除json数据的某些键值对
    ASP.NET MVC 之控制器与视图之间的数据传递
    ASP.NET MVC 路由进阶(之二)--自定义路由约束
    ASP.NET WEB API 初探
    Linux学习三部曲(之三)
    Linux学习三部曲(之二)
    Linux学习三部曲(之一)
    C# 3.0 特性之扩展方法
  • 原文地址:https://www.cnblogs.com/qijunjun/p/5216599.html
Copyright © 2011-2022 走看看