'IT이야기/태그연습장'에 해당되는 글 3건

  1. 2018.10.16 영어공부하기
  2. 2018.10.04 블로그에 소스코드 올릴때 태그
  3. 2018.10.04 self emdr
IT이야기/태그연습장2018. 10. 16. 21:21

영어공부하기


텍스트파일에 영어단어와 뜻을 한줄씩 적으면 랜덤으로 1분씩 보여주게 됩니다.

아주 간단하게 자바스크립트와 HTML로 구현가능하네요.












-Source

<!DOCTYPE html>
<html>
 <head>
  <title> New Document </title>
  <meta charset="utf-8"/>
  <script type="text/javascript">
    var cnt = 0;
	var test;
	var objRun; 
	function run() {
		var arr = test.split("\n");
		var view=document.getElementById("content");
		
		cnt = Math.floor(Math.random() * arr.length) + 1;
		
		if(arr.length < cnt) {
			cnt = 0;
		}
		view.textContent = arr[cnt];
		
	}
  
     function fileread(){
		
	 
        var file = document.getElementById("file").files[0];
        var reader = new FileReader();
        reader.readAsText(file, "utf-8");
        reader.onload=function(){
            test = reader.result;
			run();
			objRun= setInterval("run()", 60000);
            //view.textContent = reader.result;
        };
        reader.onerror = function(event){
            switch(event.target.error.code){
                case error.NOT_FOUND_ERR:
                    alert("NOT_FOUND_ERR");break;
                case error.SECURITY_ERR:
                    alert("SECURITY_ERR");break;
                case error.ABORT_ERR:
                    alert("ABORT_ERR"); break;
                case error.NOT_READABLE_ERR:
                    alert("NOT_READABLE_ERR"); break;
                case error.ENCODING_ERR:
                    alert("ENCODING_ERR"); break;
 
            }
       
        };
     }
  </script>
 </head>   
 <body>
    <input id="file" type="file">
    <input type="button" onclick="fileread()" value="read">
    <br/>
    <table id="table"></table>
    <textarea id="content" readonly style="width:600px; height:80px;"></textarea>
 </body>
</html>


저작자표시

'IT이야기 > 태그연습장' 카테고리의 다른 글

블로그에 소스코드 올릴때 태그  (0) 2018.10.04
self emdr  (0) 2018.10.04
Posted by Joseph514
IT이야기/태그연습장2018. 10. 4. 04:08

블로그에 소스코드 올릴때 태그

https://colorscripter.com/

사이트를 이용하면 된다.




<!DOCTYPE html>
<html>
<title>Timetable</title>
<body>
<marquee scrollamount="120" behavior="alternate">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<canvas id="myCanvas" width="200" height="150" style="border:0px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(80, 70, 70, 0, 2 * Math.PI);
var objGradient = ctx.createLinearGradient(0,0,400,0);
objGradient.addColorStop(0,"orange");
objGradient.addColorStop(1,"yellow");
ctx.fillStyle = objGradient;
ctx.fill();
ctx.stroke();
</script> 
<br/>
</body>
</html>


저작자표시

'IT이야기 > 태그연습장' 카테고리의 다른 글

영어공부하기  (0) 2018.10.16
self emdr  (0) 2018.10.04
Posted by Joseph514
IT이야기/태그연습장2018. 10. 4. 03:20

self emdr

test

You may want to enlarge the entire screen to make it as wide as possible.





Your browser does not support the HTML5 canvas tag.



저작자표시

'IT이야기 > 태그연습장' 카테고리의 다른 글

영어공부하기  (0) 2018.10.16
블로그에 소스코드 올릴때 태그  (0) 2018.10.04
Posted by Joseph514

티스토리툴바