\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0632\u0627\u0645 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646 | \u0623\u062f\u0627\u0629 \u062d\u0633\u0627\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0623\u062d\u0632\u0645\u0629<\/title>\n <style>\n \/* \u6dfb\u52a0\u547d\u540d\u7a7a\u95f4\u524d\u7f00\uff0c\u907f\u514d\u6837\u5f0f\u51b2\u7a81 *\/\n .belt-calculator-wrapper {\n position: relative;\n z-index: 1; \/* \u786e\u4fdd\u5728sticky header\u4e0b\u65b9 *\/\n margin: 20px 0;\n padding: 20px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n .belt-calculator-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: inherit;\n }\n\n .belt-calculator-wrapper :root {\n --primary-color: #2c3e50;\n --secondary-color: #3498db;\n --text-color: #333;\n --border-color: #ddd;\n --background-color: #f9f9f9;\n }\n\n .belt-calculator-wrapper .calculator-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n background: white;\n border-radius: 8px;\n }\n\n .belt-calculator-wrapper .section {\n margin-bottom: 30px;\n }\n\n .belt-calculator-wrapper h1, \n .belt-calculator-wrapper h2 {\n color: var(--primary-color);\n margin-bottom: 15px;\n }\n\n .belt-calculator-wrapper .parameter-description {\n font-size: 0.9em;\n color: var(--text-color);\n margin-bottom: 20px;\n }\n\n .belt-calculator-wrapper .parameter-list {\n list-style: none;\n padding: 0;\n }\n\n .belt-calculator-wrapper .parameter-list li {\n margin-bottom: 10px;\n padding: 10px;\n background: var(--background-color);\n border-radius: 4px;\n }\n\n .belt-calculator-wrapper .diagram-container {\n text-align: center;\n margin: 20px 0;\n }\n\n .belt-calculator-wrapper .diagram {\n max-width: 100%;\n height: auto;\n }\n\n .belt-calculator-wrapper .calculator-form {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .belt-calculator-wrapper .input-group {\n display: flex;\n flex-direction: column;\n }\n\n .belt-calculator-wrapper label {\n margin-bottom: 5px;\n color: var(--text-color);\n font-weight: bold;\n }\n\n .belt-calculator-wrapper input, \n .belt-calculator-wrapper select {\n padding: 8px;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-size: 16px;\n }\n\n .belt-calculator-wrapper input:focus, \n .belt-calculator-wrapper select:focus {\n outline: none;\n border-color: var(--secondary-color);\n box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n }\n\n .belt-calculator-wrapper .unit {\n color: #666;\n font-size: 0.9em;\n margin-top: 5px;\n }\n\n .belt-calculator-wrapper .calculate-btn {\n background: #3498db !important;\n color: white !important;\n padding: 12px 24px !important;\n border: none !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n font-size: 16px !important;\n transition: all 0.3s !important;\n grid-column: 1 \/ -1 !important;\n width: 200px !important;\n margin: 0 auto !important;\n display: block !important;\n text-align: center !important;\n text-decoration: none !important;\n box-shadow: none !important;\n line-height: 1.5 !important;\n font-weight: normal !important;\n text-transform: none !important;\n letter-spacing: normal !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n }\n\n .belt-calculator-wrapper .calculate-btn:hover {\n background: #2980b9 !important;\n color: white !important;\n text-decoration: none !important;\n box-shadow: none !important;\n }\n\n .belt-calculator-wrapper .results {\n display: none;\n margin-top: 20px;\n padding: 20px;\n background: var(--background-color);\n border-radius: 4px;\n }\n\n .belt-calculator-wrapper .results.show {\n display: block;\n }\n\n .belt-calculator-wrapper .result-item {\n margin-bottom: 10px;\n font-size: 1.1em;\n }\n\n .belt-calculator-wrapper .result-value {\n font-weight: bold;\n color: var(--secondary-color);\n }\n\n @media (max-width: 768px) {\n .belt-calculator-wrapper .calculator-form {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"belt-calculator-wrapper\">\n <div class=\"calculator-container\">\n <div class=\"section\">\n <h2>\u0648\u0635\u0641 \u0627\u0644\u0645\u0639\u0644\u0645\u0629<\/h2>\n <div class=\"parameter-description\">\n <ul class=\"parameter-list\">\n <li><strong>\u0627\u0644\u0645\u0644\u0639\u0628 (\u0645\u0645):<\/strong> \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0631\u062a\u064a\u0646.<\/li>\n <li><strong>\u0631\u0645\u0632 \u0646\u0648\u0639 \u0627\u0644\u0633\u0646:<\/strong> \u0627\u0644\u062a\u0633\u0645\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0644\u0645\u0644\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646.<\/li>\n <li><strong>\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646:<\/strong> \u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u0623\u0633\u0646\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u062d\u0632\u0627\u0645.<\/li>\n <li><strong>\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646 (\u0645\u0645):<\/strong> \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646 \u0645\u0646 \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0629.<\/li>\n <li><strong>\u0633\u0645\u0643 \u0627\u0644\u062d\u0632\u0627\u0645 (\u0645\u0645):<\/strong> \u0627\u0644\u0633\u0645\u0643 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u062d\u0632\u0627\u0645.<\/li>\n <li><strong>\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u03b2\u00b0:<\/strong> \u0632\u0627\u0648\u064a\u0629 \u0634\u0643\u0644 \u0627\u0644\u0623\u0633\u0646\u0627\u0646.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"diagram-container\">\n <svg class=\"diagram\" width=\"600\" height=\"300\" viewbox=\"0 0 600 300\">\n \n <path d=\"M50,150 L550,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n \n <path d=\"M100,150 L120,130 L140,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M200,150 L220,130 L240,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M300,150 L320,130 L340,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M400,150 L420,130 L440,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M500,150 L520,130 L540,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n \n \n <text x=\"120\" y=\"100\" text-anchor=\"middle\">\u064a\u0642\u0630\u0641<\/text>\n <text x=\"120\" y=\"180\" text-anchor=\"middle\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646<\/text>\n <text x=\"120\" y=\"200\" text-anchor=\"middle\">\u0633\u0645\u0643 \u0627\u0644\u062d\u0632\u0627\u0645<\/text>\n <text x=\"120\" y=\"220\" text-anchor=\"middle\">\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u03b2<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <h2>\u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629<\/h2>\n <form class=\"calculator-form\" id=\"beltCalculator\" action=\"\">\n <div class=\"input-group\">\n <label for=\"pitch\">\u0627\u0644\u0645\u0644\u0639\u0628 (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"pitch\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"toothType\">\u0631\u0645\u0632 \u0646\u0648\u0639 \u0627\u0644\u0633\u0646<\/label>\n <select id=\"toothType\" required>\n <option value=\"\">\u062d\u062f\u062f \u0627\u0644\u0646\u0648\u0639<\/option>\n <option value=\"MXL\">\u0645\u0643\u0633\u0644<\/option>\n <option value=\"XL\">XL<\/option>\n <option value=\"L\">L<\/option>\n <option value=\"H\">\u062d<\/option>\n <option value=\"XH\">\u0625\u0643\u0633 \u0625\u062a\u0634<\/option>\n <option value=\"XXH\">XXH<\/option>\n <\/select>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"teeth\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/label>\n <input type=\"number\" id=\"teeth\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"toothHeight\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646 (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"toothHeight\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"beltThickness\">\u0633\u0645\u0643 \u0627\u0644\u062d\u0632\u0627\u0645 (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"beltThickness\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"angle\">\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u03b2 (\u00b0)<\/label>\n <input type=\"number\" id=\"angle\" step=\"0.01\" required>\n <\/div>\n\n <button type=\"submit\" class=\"calculate-btn\">\u0627\u062d\u0633\u0628<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n <\/div>\n\n <div class=\"results\" id=\"results\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062d\u0633\u0627\u0628<\/h2>\n <div class=\"result-item\">\n \u0637\u0648\u0644 \u0627\u0644\u062d\u0632\u0627\u0645: <span class=\"result-value\" id=\"beltLength\">0<\/span> \u0645\u0645\n <\/div>\n <div class=\"result-item\">\n \u0639\u0631\u0636 \u0627\u0644\u062d\u0632\u0627\u0645: <span class=\"result-value\" id=\"beltWidth\">0<\/span> \u0645\u0645\n <\/div>\n <div class=\"result-item\">\n \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062d\u0632\u0627\u0645: <span class=\"result-value\" id=\"beltArea\">0<\/span> \u0645\u0645\u00b2\n <\/div>\n <div class=\"result-item\">\n \u0645\u0648\u0627\u0635\u0641\u0629: <span class=\"result-value\" id=\"specification\">–<\/span>\n <\/div>\n <div class=\"result-item\">\n \u0637\u0648\u0644 \u062e\u0637 \u0627\u0644\u0645\u0644\u0639\u0628: <span class=\"result-value\" id=\"pitchLineLength\">0<\/span> \u0645\u0645\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u6dfb\u52a0\u547d\u540d\u7a7a\u95f4\u5230JavaScript\n (function() {\n document.getElementById('beltCalculator').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get input values\n const pitch = parseFloat(document.getElementById('pitch').value);\n const teeth = parseInt(document.getElementById('teeth').value);\n const toothHeight = parseFloat(document.getElementById('toothHeight').value);\n const beltThickness = parseFloat(document.getElementById('beltThickness').value);\n const angle = parseFloat(document.getElementById('angle').value);\n const toothType = document.getElementById('toothType').value;\n \n \/\/ Calculate results\n const beltLength = pitch * teeth;\n const beltWidth = toothHeight + beltThickness;\n const beltArea = beltLength * beltWidth;\n const pitchLineLength = beltLength;\n \n \/\/ Generate specification\n const specification = `${toothType}-${teeth}-${pitch.toFixed(1)}`;\n \n \/\/ Display results\n document.getElementById('beltLength').textContent = beltLength.toFixed(2);\n document.getElementById('beltWidth').textContent = beltWidth.toFixed(2);\n document.getElementById('beltArea').textContent = beltArea.toFixed(2);\n document.getElementById('specification').textContent = specification;\n document.getElementById('pitchLineLength').textContent = pitchLineLength.toFixed(2);\n \n \/\/ Show results section\n document.getElementById('results').classList.add('show');\n });\n })();\n <\/script>\n<\/body>\n<\/html> \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Discover the ultimate tool for precise belt drive calculations with our Synchronous Belt Calculator. Designed for engineers and technicians, this powerful calculator helps optimize synchronous…<\/p>","protected":false},"author":2,"featured_media":15451,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3423],"tags":[3512,3398,3528],"class_list":["post-15450","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-timing-belt-calculator","tag-belt-drive-design","tag-engineering-tools","tag-torque-calculation","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2025\/04\/Synchronous-Belt-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/15450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/comments?post=15450"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/15450\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media\/15451"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media?parent=15450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/categories?post=15450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/tags?post=15450"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15450,"date":"2025-04-10T01:45:01","date_gmt":"2025-04-10T01:45:01","guid":{"rendered":"https:\/\/www.mechstream.com\/?p=15450"},"modified":"2025-04-10T05:19:53","modified_gmt":"2025-04-10T05:19:53","slug":"synchronous-belt-calculator","status":"publish","type":"post","link":"https:\/\/www.mechstream.com\/ar\/synchronous-belt-calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0632\u0627\u0645 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646"},"content":{"rendered":"

\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646 \u0645\u0639 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646. \u0635\u064f\u0645\u0645\u062a \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0648\u064a\u0629 \u0644\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0648\u0627\u0644\u0641\u0646\u064a\u064a\u0646\u060c \u0648\u0647\u064a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0642\u064a\u0627\u0633\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0634\u062f \u0648\u0627\u0644\u0637\u0648\u0644 \u0648\u0633\u0639\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644. \u062d\u0633\u0651\u0646 \u0643\u0641\u0627\u0621\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0642\u0627\u0633 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0648\u0642\u062a \u0627\u0644\u062a\u0648\u0642\u0641 \u0648\u064a\u0636\u0645\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0645\u062b\u0644. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0639\u0645\u0644 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0623\u0648 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0623\u0648 \u0623\u064a \u0642\u0637\u0627\u0639 \u0622\u062e\u0631\u060c \u0641\u0625\u0646 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646 \u0647\u064a \u0645\u0631\u062c\u0639\u0643 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0636\u0645\u0627\u0646 \u0623\u0646\u0638\u0645\u0629 \u0633\u064a\u0631 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0641\u0639\u0627\u0644\u0629. \u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0645\u0639\u0632\u0632\u0629 \u0627\u0644\u064a\u0648\u0645.<\/p>\n\n\n\n\n\n\n \n \n \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0632\u0627\u0645 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646 | \u0623\u062f\u0627\u0629 \u062d\u0633\u0627\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0623\u062d\u0632\u0645\u0629<\/title>\n <style>\n \/* \u6dfb\u52a0\u547d\u540d\u7a7a\u95f4\u524d\u7f00\uff0c\u907f\u514d\u6837\u5f0f\u51b2\u7a81 *\/\n .belt-calculator-wrapper {\n position: relative;\n z-index: 1; \/* \u786e\u4fdd\u5728sticky header\u4e0b\u65b9 *\/\n margin: 20px 0;\n padding: 20px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n .belt-calculator-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: inherit;\n }\n\n .belt-calculator-wrapper :root {\n --primary-color: #2c3e50;\n --secondary-color: #3498db;\n --text-color: #333;\n --border-color: #ddd;\n --background-color: #f9f9f9;\n }\n\n .belt-calculator-wrapper .calculator-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n background: white;\n border-radius: 8px;\n }\n\n .belt-calculator-wrapper .section {\n margin-bottom: 30px;\n }\n\n .belt-calculator-wrapper h1, \n .belt-calculator-wrapper h2 {\n color: var(--primary-color);\n margin-bottom: 15px;\n }\n\n .belt-calculator-wrapper .parameter-description {\n font-size: 0.9em;\n color: var(--text-color);\n margin-bottom: 20px;\n }\n\n .belt-calculator-wrapper .parameter-list {\n list-style: none;\n padding: 0;\n }\n\n .belt-calculator-wrapper .parameter-list li {\n margin-bottom: 10px;\n padding: 10px;\n background: var(--background-color);\n border-radius: 4px;\n }\n\n .belt-calculator-wrapper .diagram-container {\n text-align: center;\n margin: 20px 0;\n }\n\n .belt-calculator-wrapper .diagram {\n max-width: 100%;\n height: auto;\n }\n\n .belt-calculator-wrapper .calculator-form {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .belt-calculator-wrapper .input-group {\n display: flex;\n flex-direction: column;\n }\n\n .belt-calculator-wrapper label {\n margin-bottom: 5px;\n color: var(--text-color);\n font-weight: bold;\n }\n\n .belt-calculator-wrapper input, \n .belt-calculator-wrapper select {\n padding: 8px;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-size: 16px;\n }\n\n .belt-calculator-wrapper input:focus, \n .belt-calculator-wrapper select:focus {\n outline: none;\n border-color: var(--secondary-color);\n box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n }\n\n .belt-calculator-wrapper .unit {\n color: #666;\n font-size: 0.9em;\n margin-top: 5px;\n }\n\n .belt-calculator-wrapper .calculate-btn {\n background: #3498db !important;\n color: white !important;\n padding: 12px 24px !important;\n border: none !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n font-size: 16px !important;\n transition: all 0.3s !important;\n grid-column: 1 \/ -1 !important;\n width: 200px !important;\n margin: 0 auto !important;\n display: block !important;\n text-align: center !important;\n text-decoration: none !important;\n box-shadow: none !important;\n line-height: 1.5 !important;\n font-weight: normal !important;\n text-transform: none !important;\n letter-spacing: normal !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n }\n\n .belt-calculator-wrapper .calculate-btn:hover {\n background: #2980b9 !important;\n color: white !important;\n text-decoration: none !important;\n box-shadow: none !important;\n }\n\n .belt-calculator-wrapper .results {\n display: none;\n margin-top: 20px;\n padding: 20px;\n background: var(--background-color);\n border-radius: 4px;\n }\n\n .belt-calculator-wrapper .results.show {\n display: block;\n }\n\n .belt-calculator-wrapper .result-item {\n margin-bottom: 10px;\n font-size: 1.1em;\n }\n\n .belt-calculator-wrapper .result-value {\n font-weight: bold;\n color: var(--secondary-color);\n }\n\n @media (max-width: 768px) {\n .belt-calculator-wrapper .calculator-form {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"belt-calculator-wrapper\">\n <div class=\"calculator-container\">\n <div class=\"section\">\n <h2>\u0648\u0635\u0641 \u0627\u0644\u0645\u0639\u0644\u0645\u0629<\/h2>\n <div class=\"parameter-description\">\n <ul class=\"parameter-list\">\n <li><strong>\u0627\u0644\u0645\u0644\u0639\u0628 (\u0645\u0645):<\/strong> \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0631\u062a\u064a\u0646.<\/li>\n <li><strong>\u0631\u0645\u0632 \u0646\u0648\u0639 \u0627\u0644\u0633\u0646:<\/strong> \u0627\u0644\u062a\u0633\u0645\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0644\u0645\u0644\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646.<\/li>\n <li><strong>\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646:<\/strong> \u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u0623\u0633\u0646\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u062d\u0632\u0627\u0645.<\/li>\n <li><strong>\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646 (\u0645\u0645):<\/strong> \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646 \u0645\u0646 \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0629.<\/li>\n <li><strong>\u0633\u0645\u0643 \u0627\u0644\u062d\u0632\u0627\u0645 (\u0645\u0645):<\/strong> \u0627\u0644\u0633\u0645\u0643 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u062d\u0632\u0627\u0645.<\/li>\n <li><strong>\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u03b2\u00b0:<\/strong> \u0632\u0627\u0648\u064a\u0629 \u0634\u0643\u0644 \u0627\u0644\u0623\u0633\u0646\u0627\u0646.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"diagram-container\">\n <svg class=\"diagram\" width=\"600\" height=\"300\" viewbox=\"0 0 600 300\">\n \n <path d=\"M50,150 L550,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n \n <path d=\"M100,150 L120,130 L140,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M200,150 L220,130 L240,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M300,150 L320,130 L340,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M400,150 L420,130 L440,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M500,150 L520,130 L540,150\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n \n \n <text x=\"120\" y=\"100\" text-anchor=\"middle\">\u064a\u0642\u0630\u0641<\/text>\n <text x=\"120\" y=\"180\" text-anchor=\"middle\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646<\/text>\n <text x=\"120\" y=\"200\" text-anchor=\"middle\">\u0633\u0645\u0643 \u0627\u0644\u062d\u0632\u0627\u0645<\/text>\n <text x=\"120\" y=\"220\" text-anchor=\"middle\">\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u03b2<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <h2>\u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629<\/h2>\n <form class=\"calculator-form\" id=\"beltCalculator\" action=\"\">\n <div class=\"input-group\">\n <label for=\"pitch\">\u0627\u0644\u0645\u0644\u0639\u0628 (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"pitch\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"toothType\">\u0631\u0645\u0632 \u0646\u0648\u0639 \u0627\u0644\u0633\u0646<\/label>\n <select id=\"toothType\" required>\n <option value=\"\">\u062d\u062f\u062f \u0627\u0644\u0646\u0648\u0639<\/option>\n <option value=\"MXL\">\u0645\u0643\u0633\u0644<\/option>\n <option value=\"XL\">XL<\/option>\n <option value=\"L\">L<\/option>\n <option value=\"H\">\u062d<\/option>\n <option value=\"XH\">\u0625\u0643\u0633 \u0625\u062a\u0634<\/option>\n <option value=\"XXH\">XXH<\/option>\n <\/select>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"teeth\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/label>\n <input type=\"number\" id=\"teeth\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"toothHeight\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0633\u0646 (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"toothHeight\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"beltThickness\">\u0633\u0645\u0643 \u0627\u0644\u062d\u0632\u0627\u0645 (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"beltThickness\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"angle\">\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u03b2 (\u00b0)<\/label>\n <input type=\"number\" id=\"angle\" step=\"0.01\" required>\n <\/div>\n\n <button type=\"submit\" class=\"calculate-btn\">\u0627\u062d\u0633\u0628<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n <\/div>\n\n <div class=\"results\" id=\"results\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062d\u0633\u0627\u0628<\/h2>\n <div class=\"result-item\">\n \u0637\u0648\u0644 \u0627\u0644\u062d\u0632\u0627\u0645: <span class=\"result-value\" id=\"beltLength\">0<\/span> \u0645\u0645\n <\/div>\n <div class=\"result-item\">\n \u0639\u0631\u0636 \u0627\u0644\u062d\u0632\u0627\u0645: <span class=\"result-value\" id=\"beltWidth\">0<\/span> \u0645\u0645\n <\/div>\n <div class=\"result-item\">\n \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062d\u0632\u0627\u0645: <span class=\"result-value\" id=\"beltArea\">0<\/span> \u0645\u0645\u00b2\n <\/div>\n <div class=\"result-item\">\n \u0645\u0648\u0627\u0635\u0641\u0629: <span class=\"result-value\" id=\"specification\">–<\/span>\n <\/div>\n <div class=\"result-item\">\n \u0637\u0648\u0644 \u062e\u0637 \u0627\u0644\u0645\u0644\u0639\u0628: <span class=\"result-value\" id=\"pitchLineLength\">0<\/span> \u0645\u0645\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u6dfb\u52a0\u547d\u540d\u7a7a\u95f4\u5230JavaScript\n (function() {\n document.getElementById('beltCalculator').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get input values\n const pitch = parseFloat(document.getElementById('pitch').value);\n const teeth = parseInt(document.getElementById('teeth').value);\n const toothHeight = parseFloat(document.getElementById('toothHeight').value);\n const beltThickness = parseFloat(document.getElementById('beltThickness').value);\n const angle = parseFloat(document.getElementById('angle').value);\n const toothType = document.getElementById('toothType').value;\n \n \/\/ Calculate results\n const beltLength = pitch * teeth;\n const beltWidth = toothHeight + beltThickness;\n const beltArea = beltLength * beltWidth;\n const pitchLineLength = beltLength;\n \n \/\/ Generate specification\n const specification = `${toothType}-${teeth}-${pitch.toFixed(1)}`;\n \n \/\/ Display results\n document.getElementById('beltLength').textContent = beltLength.toFixed(2);\n document.getElementById('beltWidth').textContent = beltWidth.toFixed(2);\n document.getElementById('beltArea').textContent = beltArea.toFixed(2);\n document.getElementById('specification').textContent = specification;\n document.getElementById('pitchLineLength').textContent = pitchLineLength.toFixed(2);\n \n \/\/ Show results section\n document.getElementById('results').classList.add('show');\n });\n })();\n <\/script>\n<\/body>\n<\/html> \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Discover the ultimate tool for precise belt drive calculations with our Synchronous Belt Calculator. Designed for engineers and technicians, this powerful calculator helps optimize synchronous…<\/p>","protected":false},"author":2,"featured_media":15451,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3423],"tags":[3512,3398,3528],"class_list":["post-15450","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-timing-belt-calculator","tag-belt-drive-design","tag-engineering-tools","tag-torque-calculation","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2025\/04\/Synchronous-Belt-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/15450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/comments?post=15450"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/15450\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media\/15451"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media?parent=15450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/categories?post=15450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/tags?post=15450"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}