js输入框显示时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
//        window.console.log();
//        var ret1=window.confirm();
//        var ret2=window.alert();
//        var ret3=window.prompt();
//        console.log(ret1,ret2,ret3);
        var ID;
        function tm() {
            date=new Date();
            date=date.toLocaleString();
//            window.console.log(date);
            var ele=document.getElementById("tm");
            ele.value=date;
        }
        function begin() {
            if (ID==undefined) {
                tm();
                ID = setInterval(tm, 1000);
            }
            var ele1=document.getElementById("btn1");
            ele1.disabled="disable";
            var ele2=document.getElementById("btn2");
            ele2.disabled="";
        }
        function fin() {
            clearInterval(ID);
            var ele1=document.getElementById("btn2");
            ele1.disabled="disable";
            var ele2=document.getElementById("btn1");
            ele2.disabled="";
            ID=undefined;
        }

    </script>
</head>
<body>
<div>
    <input type="text" id="tm">
    <button id="btn1" onclick="begin()">start</button>
    <button id="btn2" onclick="fin()" disabled="disable">end</button>
</div>
</body>
</html>

时间： 2024-11-06 15:00:14

js输入框显示时间的相关文章

js简单显示动态时间点

<input type="text" id="showtime" redayonly="redayonly" /> <script> function nowGetTime(){ var date=new Date(); document.getElementById("showtime").value=date.getFullYear()+"-"+(date.getMonth()+

JS 显示时间与倒计时练习

显示时间与倒计时 HTML 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>显示系统时间</title> 6 <link rel="stylesheet" href="css/style.css"> 7 </head> 8 9 <body> 10 &

js获取当前时间显示在页面上

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js获取当前时间显示在页面上</title> <script> window.onload=function(){ //定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); } //

博客园定制页面（五）——使用自定义JS脚本(公告栏显示时间)

一.js使用方法使用方法主要分为以下几步: 在本地创建js脚本文件: 博客园的管理——文件——选择文件——上传然后在设置里面的博客侧边栏公告或者页首Html代码或者页脚Html代码中用自定义的html等代码调用即可. 注意:博客园的js权限需要申请开通.一般先写两篇博客再申请,如果不通过多申请两次即可通过. 二.公告栏钟表显示时间下面是示例我的博客公告栏的钟表显示的js设置方法: 创建js脚本上传到自己账户的文件中,然后在博客侧边栏公告调用js脚本 2.1.本地创建js脚本本地创建名为

js实时显示系统时间

刚刚在做后台页面最上面要动态显示时间刚写了这个代码将这段代码加入<head></head> <script>function clockon(contentDate){ var now = new Date(); var year = now.getYear(); var month = now.getMonth(); var date = now.getDate(); var day = now.

JS即时显示当前时间

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>当前系统时间</title> <link rel="stylesheet" href="style.css" /> <scri

js date setInterval 时间时钟 getFullYear ,JavaScript

js 创建时钟: 1.参考链接: 注意 getYear (两位或者四位) 改成 getFullYear js操作时间 2.实例: html: 1 <span class="glyphicon glyphicon-time" style="color:#fff; padding-left: 10px;"></span> <span style="color:#fff;" id="etime"

JS获取当前日期时间并定时刷新

JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014) date.getMonth(); //获取当前月份(0-11,0代表1月) date.getDate(); //获取当前日(1-31) date.getDay(); //获取当前星期X(0-6,0代表星期天) date.getTime(); //获取当前时间(从1970.1.1開始的毫秒数) d

[转]Js获取当前日期时间及其它操作

转载自:http://www.cnblogs.com/carekee/articles/1678041.html Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate();