用JS来显示当前时间并自动刷新和用JS对表格数据修改保存

通过这两天的学习已经可以做到用JS来做一些简单的表格增删，今天的课上练习主要在以下两个方面：

用JS来显示当前的时间并用中文表示，这个比较简单，只需要获取当前的时间，并在单位后加上中文的单位就可以：

                        var myDate=new Date();

                    var year=myDate.getFullYear();

var month=myDate.getMonth()+1;
var date=myDate.getDate();
var d=myDate.getDay();
var weekday=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
var h=myDate.getHours();
var m=myDate.getMinutes();
var s=myDate.getSeconds();

         document.getElementById('dd').innerHTML=year+'年'+month+'月'+date+'日'+weekday[d]+h+'时'+m+'分'+s+'秒';

但是这个程序只能输出一个当前的时间，并不能自动刷新，这就用到了setInterval()方法 在上面代码外面赋予一个函数，后面加上一个setInterval(a,1000)，就可以实现自动刷新，其中1000代表的是间隔时间，单位是ms.

昨天做了表格的增删，今天学习了对表格内容的修改。要做到这样的效果，就要对表格的数据惊醒监听，然后修改后点击按钮进行保存。temp.addEventListener('dblclick',function(){
    var oldValue=this.innerHTML;
    var inputElement='<input class="edit" type="text" value="'+oldValue+'">';

    this.innerHTML=inputElement;

用上面的代码就可以实现监听，并且双击可以变为输入框，这样就可以实现对数据的修改，然后做出一个保存的函数

function saveEditLine(obj){
            var tr=obj.parentNode.parentNode;
            var allEdit=tr.querySelectorAll('.edit');
            for (i=0;i<allEdit.length;i++){
            var  newValue=allEdit[i].value;
            allEdit[i].parentNode.innerHTML=newValue;
                }

             }

通过简单的数组来保存新的数据。

总的学下来感觉就是通过观看视频可以做出来，但是在实际做的时候会发现有很多东西可能以前课上听过，但是真正用还是第一次，感觉很多东西还是新的，总是不能把学到的很连贯的用起来，只能按照老师演示的思路来，但是实现程序的方法还有很多，并不能很好的找到那种敲代码的感觉，接下来要对一些基本的知识多加记忆，练习，才能离自己的要求更进一步。