-
Notifications
You must be signed in to change notification settings - Fork 2
/
codepen.js
53 lines (44 loc) · 1.38 KB
/
codepen.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
var i = 0,j=0,k=0;
var htpara= 'this is html';
var cspara = '<pre> import matplotlib.pyplot as plt \n def draw_scatterplot(x_values, y_values):\n plt.scatter(x_values, y_values, s=20)\n plt.title("Scatter Plot")\n plt.xlabel("x values")\n plt.ylabel("y values")\n plt.show()\n </pre>';
var jspara = 'Reading state information... Done';
var speed = 40;
var pytab=document.getElementsByClassName('csstab'); console.log(pytab);
pytab.addEventListener('click',typecss);
function typehtm() {
if (i < txt1.length) {
document.getElementById("instapro1").innerText += txt1.charAt(i);
i++;
setTimeout(typeWriter1, speed);
}
}
function typecss() {
window.alert(101);
if (j < cspara.length) {
document.getElementById("cssb").innerText += cspara.charAt(j);
j++;
setTimeout(typecss, speed);
}
}
function typejs() {
if (k < txt3.length) {
document.getElementById("instapro3").innerText += txt3.charAt(k);
k++;
setTimeout(typeWriter3, 50);
}
}
function move() {
//window.alert('hey');
var elem = document.getElementById("progBar");
var width = 1;
var id = setInterval(frame, 5);
function frame() {
if (width >= 300) {
clearInterval(id);
} else {
//console.log(width);
width++;
elem.style.width = width + 'px';
}
}
}