js实现页面时间动态变化

利用函数嵌套和setTimeout函数实现时间动态变化

var myDate = new Date();
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();        //获取当前日(1-31)
myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
myDate.getTime();        //获取当前时间(从1970.1.1開始的毫秒数)
myDate.getHours();       //获取当前小时数(0-23)
myDate.getMinutes();     //获取当前分钟数(0-59)
myDate.getSeconds();     //获取当前秒数(0-59)
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
var mytime=myDate.toLocaleTimeString();     //获取当前时间
myDate.toLocaleString( );        //获取日期与时间

------------------------------------华丽的切割线------------------------------------------

<html>
<script>
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("showTime").innerHTML =  "如今的时间为:"+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器,循环运行
    } 

</script>

<body>
<label id="showTime"></lable>
</body>
</html>

效果例如以下

时间: 2024-08-02 22:53:53

js实现页面时间动态变化的相关文章

Js多国时间动态更新

Js多国时间动态更新 点击下载

js实现页面时间

function fun() { setInterval(clock,10); } function clock() { var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); document.getElementById('txt').value=h+'-'+m+'-'+s; } 很简单,通过创建日期对象来刷新时间.

使用JS实现页面中动态添加文件上传输入项

1. 编写JSP 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>My JSP 'uplo

定时器时间动态变化(变速)

var temp; var time=100; var m = 1; setfun(); function setfun(){ temp = setInterval(function(){ console.log('执行1次'+time); clearInterval(temp); setfun(); },time); m++; time = m*100; } 原文地址:https://www.cnblogs.com/NB-JDzhou/p/8116589.html

js获取当前时间&amp;js 页面时钟

js获取当前时间 //获取当前时间,格式YYYY-MM-DD function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) {

静态页面和动态页面的区别

一.静态web页面: 1.在静态Web程序中,客户端使用Web浏览器(IE.FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现在需要得到哪个页面,所有的请求交给Web服务器,之后WEB服务器根据用户的需要,从文件系统(存放了所有静态页面的磁盘)取出内容.之后通过Web服务器返回给客户端,客户端接收到内容之后经过浏览器渲染解析,得到显示的效果. 2.为了让静态web页面显示更加好看,使用javascript/VBScript/

jQuery Validate input是动态变化的

表单验证 $("#dataList").append("<div id='data"+dataNum+"' style='padding-top:3px;font-size:14px'>数据"+dataNum+":X=<input type='text' name='dataX"+dataNum+"' size='30' class='required number' /> Y=<inp

JS刷新页面总和!多种JS刷新页面代码!

1)<meta http-equiv="refresh"content="10;url=跳转的页面">10表示间隔10秒刷新一次2)<script language=''javascript''>window.location.reload(true);</script>如果是你要刷新某一个iframe就把window给换成frame的名字或ID号3)<script language=''javascript''>wi

小程序 js中获取时间new date()的用法(网络复制过来自用)

js中获取时间new date()的用法 获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();