- <?php
- if (isset($_REQUEST['content'])) {
- # code...
- $_REQUEST['content'];
- }
- ?>
- <!doctype html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <title>Document </title>
- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <style>
- #orig{position:absolute;right:0;top:0;width: 80px;background: #ace;}
- #orig:before{content:'原始数据';display: block;width: 100%}
- </style>
- </head>
- <body>
- <form action="">
- <textarea name="content" id="content" cols="30" rows="10"></textarea>
- <button type="submit">Content</button>
- </form>
- <?php
- ?>
- <div id="currT"><p>here</p></div>
- <div id="time"><p>thinking Time</p></div>
- <div id="orig"><p>thinking Time</p></div>
- <script>
- window.onload=function(){
- var i = 0;
- var stdi = 0; //每一个keyup 都发生改变。用来检测是否连续
- var cose = 0; //判断是否连续;
- var d1 = document.getElementById('content');
- var d2 = document.getElementById('currT');
- var ii = setInterval(function(){
- i++;
- stdi++;
- },300);
- var thinkArray = new Array(20);
- var originArray = new Array(20);
- var upload = setTimeout(function(){
- },99999);
- d1.onkeyup=function(){
- //d2.innerHTML = d1.value+i;
- clearTimeout(upload);
- if(stdi>1){thinkArray.shift();thinkArray.push(i);i=0;}
- originArray.shift();originArray.push(stdi);stdi = 0;
- disptA(thinkArray,'time');
- disptA(originArray,'orig');
- upload = setTimeout(function(){
- var status = document.getElementById('time');
- status.innerHTML += 'upload <hr/>';
- },1000)
- }
- function disptA(thinkArray,target){
- var status = document.getElementById(target);
- status.innerHTML ='';
- for (var j = thinkArray.length - 1; j >= 0; j--) {
- status.innerHTML += thinkArray[j]+'<br/>';
- };
- }
- }
- </script>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/0912201411199.html
来源: http://www.codesnippet.cn/detail/0912201411199.html