איך עושים טיימר בJS??

תמי

אני צריכה דחוף קוד ליצירת טיימר בדף HTML!!
תודה רבה!!

אני בעצמי

@תמי בבקשה!
בHTML:
<div id=“div3”><div id=“div4”></div>
בCSS:
#div3 {
position: absolute;
width: 4vw;
height: 24vw;
border-radius: 10px;
position: absolute;
bottom: 5vw;
right: 2vw;
background-color: lightgrey;
border: solid 3px red;
}
#div4 {
height: 0vw;
background-color: red;
width: 4vw;
height: 25vw;
border-radius: 10px;
position: fixed;
bottom: 5.2vw;
right: 2vw;
}
בJS:
function start() {
setInterval(‘func()’, 10);
}
function func() {
if (cnt < 24) {
cnt += 0.01;
document.getElementById(“div4”).style.height = cnt + “vw”;
}
else {
stop();
}
}
מקווה שזה מובן.
הרעיון הוא שהעמוד עולה עם הפונקציה start ואז כל 10 מילישניות שולח לפונקציית func שמעדכנת את הטיימר.
הפונקציה func מוסיפה כל שניה עוד גובה לדיב4 ואז זה נראה שהטיימר עולה.
כמובן שהCSS נתון לשינויים.

יונכוכביק

פוסט זה נמחק!

תמי

@אני-בעצמי נראה לי המחשב שלי נדפק!!!
המחשב לא קולט את הCSS רשמתי את מה ששמת למעלה והוא פותח לי דף ריק!!
הוא לא קולט את העיצוב
ניסיתי גם לרשום את הCSSבאותו דף או בדף נפרד וזה לא עובד!!!
יש פיתרון לזה?
זה קרה למישהו פעם?
אני כבר עובדת עם התוכנה קרוב לשנה ואף פעם זה לא קרה לי!

שלמה

@אני-בעצמי אמר באיך עושים טיימר בJS??:

מקווה שזה מובן.

בדיוק בשביל לשתף כאלה קודים נועדו אתרים כמו https://jsitor.com…

שלמה

@תמי אמר באיך עושים טיימר בJS??:

אני כבר עובדת עם התוכנה קרוב לשנה ואף פעם זה לא קרה לי!

עם איזו תוכנה?

תמי

@שלמה אמר באיך עושים טיימר בJS??:

עם איזו תוכנה?

ויזואל סטודיו 2019
של מייקרוסופט

שלמה

@תמי איך זה קשור לתוכנה?! באותה מידה אפשר לכתוב את הקוד גם עם פנקס רשימות, רק שזה פחות נוח
אגב בשביל מה צריך ויז’ואל סטודיו לHTML CSS JS
תשתמשי בVSC
גם יותר נוח למטרה הזאת, גם יותר קל ומהיר

תמי

@שלמה אמר באיך עושים טיימר בJS??:

איך זה קשור לתוכנה?!

לא יודעת אם זה קשור לתוכנה אבל למה הדף לא קולט את הCSS??

אני בעצמי

@שלמה נכון, אבל לומדים בתחילה להשתמש בויזואל סטודיו ואח"כ עוברים לVS CODE

@תמי אמר באיך עושים טיימר בJS??:

@שלמה אמר באיך עושים טיימר בJS??:

איך זה קשור לתוכנה?!

לא יודעת אם זה קשור לתוכנה אבל למה הדף לא קולט את הCSS??

לא הבנתי מה הבעיה? את מעתיקה את הקוד לתוך דף הCSS שלך ולא הולך?

שלמה

@אני-בעצמי בשביל מה? אין שום צורך לדעת להשתמש בויז’ואל סטודיו בשביל JS HTML CSS (ואפילו לא בשביל Node.js)

שלמה

@תמי אמר באיך עושים טיימר בJS??:

@שלמה אמר באיך עושים טיימר בJS??:

איך זה קשור לתוכנה?!

לא יודעת אם זה קשור לתוכנה אבל למה הדף לא קולט את הCSS??

@תמי אמר באיך עושים טיימר בJS??:

@שלמה אמר באיך עושים טיימר בJS??:

איך זה קשור לתוכנה?!

לא יודעת אם זה קשור לתוכנה אבל למה הדף לא קולט את הCSS??

אני נביא או אמור לנחש?
לא צירפת את הקוד, איך אני אמור לדעת?

אני בעצמי

@שלמה אולי תאמר זאת לצוות, ככה מלמדים, היא תוכנה פשוטה יותר לפי דעתי…
@שלמה אמר באיך עושים טיימר בJS??:

@תמי אמר באיך עושים טיימר בJS??:

@שלמה אמר באיך עושים טיימר בJS??:

איך זה קשור לתוכנה?!

לא יודעת אם זה קשור לתוכנה אבל למה הדף לא קולט את הCSS??

@תמי אמר באיך עושים טיימר בJS??:

@שלמה אמר באיך עושים טיימר בJS??:

איך זה קשור לתוכנה?!

לא יודעת אם זה קשור לתוכנה אבל למה הדף לא קולט את הCSS??

אני נביא או אמור לנחש?
לא צירפת את הקוד, איך אני אמור לדעת?

הקוד שלי שכתבתי למעלה…

אני בעצמי

פוסט זה נמחק!

תמי

@שלמה אמר באיך עושים טיימר בJS??:

אני נביא או אמור לנחש?
לא צירפת את הקוד, איך אני אמור לדעת?

אין לי מה לצרף קוד!
הוא לא קולט שום פקודה של CSS!!!
עשיתי הפעלה מחדש למחשב וזה הסתדר אבל עכשיו שוב!! הוא לא קולט

שלמה

@אני-בעצמי אמר באיך עושים טיימר בJS??:

@שלמה אולי תאמר זאת לצוות, ככה מלמדים, היא תוכנה פשוטה יותר לפי דעתי…

ויזואל סטודיו יותר פשוטה מVSC? את לא רצינית, נכון?
יכול להיות שמלמדים ככה בגלל שמלמדים בסמינרים אלף שפות תכנות, ויש שפות שבאמת צריך את הסטודיו הרגיל, כמו לדוגמה C#
אבל זה לא אומר שבגלל זה צריך להשתמש בה כל הזמן
ואין כמעט מה ללמוד בVSC, זה תוכנה מאוד פשוטה (בשונה מהVS הרגיל)